.button {
  font-family: 'Core Sans', sans-serif;
  cursor: pointer;
  color: var(--btnPrimaryColor, var(--textcolor));
  box-sizing: border-box;
  appearance: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: all 0.4s cubic-bezier(0, -0.042, 0.391, 0.932);
  isolation: isolate;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: inherit;
  gap: 12px;
}
.button:before {
  content: '';
  display: block;
  width: 77px;
  height: 24px;
  background-color: var(--btnPrimaryIconColor, #551C25);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url(/images/arrow.svg);
          mask-image: url(/images/arrow.svg);
  transition: all 0.4s cubic-bezier(0, -0.042, 0.391, 0.932);
}
@media (hover: hover) and (pointer: fine) {
  .button:hover:before,
  .button:focus:before {
    background-color: var(--btnPrimaryIconHoverColor, #fff);
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
/*# sourceMappingURL=./screen-medium.css.map */