.btn-arrow-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  width: 1em;
  height: 1em;
  overflow: hidden;
  flex-shrink: 0;
}

.btn-arrow-wrap svg {
  flex-shrink: 0;
  transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
}

a:hover > .btn-arrow-wrap svg,
button:hover > .btn-arrow-wrap svg,
a:focus-visible > .btn-arrow-wrap svg,
button:focus-visible > .btn-arrow-wrap svg,
.hs-offering-card:hover .btn-arrow-wrap svg {
  transform: translateX(calc(100% + 4px));
}

button:disabled:hover > .btn-arrow-wrap svg {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .btn-arrow-wrap svg {
    transition: none;
  }
}