.arrow-button {
  position: relative;
  min-height: 16px;
  padding-left: 51px
}
.arrow-button__icon,
.arrow-button__icon-hover {
  position: absolute;
  top: 6px;
  left: 0;
  width: 26px;
  height: 16px
}
.arrow-button__icon {
  -webkit-transition: -webkit-transform .2s;
  transition: transform .2s,-webkit-transform .2s
}
.arrow-button__icon-hover {
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity .2s,-webkit-transform .2s;
  transition: opacity .2s,transform .2s,-webkit-transform .2s
}
.arrow-button__clip-hover::before,
.arrow-button__clip::before,
.arrow-button__icon-hover::before,
.arrow-button__icon::before {
  content: ""
}
.arrow-button__clip,
.arrow-button__clip-hover,
.arrow-button__clip-hover::before,
.arrow-button__clip::before,
.arrow-button__icon-hover::before,
.arrow-button__icon::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.arrow-button__clip,
.arrow-button__clip-hover {
  overflow: hidden;
  width: calc(100% - 2px);
  height: 100%
}
.arrow-button__icon::before {
  background: url('data:image/svg+xml,<svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1406 1.63501L24.5 8.00001L18.1406 14.365" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}
.arrow-button__icon-hover::before {
  background: url('data:image/svg+xml,<svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1406 1.63501L24.5 8.00001L18.1406 14.365" stroke="%23FF0000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}
.arrow-button__clip::before {
  -webkit-transition: -webkit-transform .2s;
  transition: transform .2s,-webkit-transform .2s;
  background: url('data:image/svg+xml,<svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8H24" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>')
}
.arrow-button__clip-hover::before {
  -webkit-transition: -webkit-transform .2s;
  transition: transform .2s,-webkit-transform .2s;
  background: url('data:image/svg+xml,<svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8H24" stroke="%23FF0000" stroke-width="2" stroke-linecap="round"/></svg>')
}
@media (hover:hover) {
  .faq-card:hover .arrow-button__icon {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px)
  }
  .faq-card:hover .arrow-button__icon-hover {
    opacity: 1;
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px)
  }
  .faq-card:hover .arrow-button__clip-hover::before,
  .faq-card:hover .arrow-button__clip::before {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px)
  }
}
.arrow-button__text {
  letter-spacing: -.004em
}