:root {
  --sitecolor: #931813;
  --textcolor: #161615;
  --titlecolor: var(--accentcolor);
  --linkcolor: #000000;
  --linkcolor-hov: #931813;
  --accentcolor: #931813;
  --headerHeight: 131px;
  --gutter: 80px;
  --borderRadius: 15px;
}
@media (max-width: 1023px) {
  :root {
    --gutter: 40px;
  }
}
@media (max-width: 767px) {
  :root {
    --headerHeight: 55px;
    --gutter: 10px;
  }
}
.button {
  appearance: none;
  text-decoration: none;
  display: inline-block;
  font-size: clamp(1rem, 0.0921659vw + 0.97753456rem, 1.125rem);
  line-height: clamp(1.75rem, 0vw + 1.75rem, 1.75rem);
  box-sizing: border-box;
  text-align: center;
  background-clip: border-box;
  contain: paint;
  isolation: isolate;
  position: relative;
  background-origin: border-box;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  color: var(--btnColor, var(--accentcolor));
  font-weight: 400;
}
.button:before {
  content: '';
  display: block;
  background-color: var(--btnColor, var(--accentcolor));
  width: 45px;
  height: 16px;
  -webkit-mask-size: auto 16px;
          mask-size: auto 16px;
  -webkit-mask-position: 100% 50%;
          mask-position: 100% 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url(/images/arrow-long-right.svg);
          mask-image: url(/images/arrow-long-right.svg);
  transition: all 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
@media (hover: hover) and (pointer: fine) {
  .button:hover,
  .button:focus {
    color: var(--btnColorHov, var(--accentcolor));
  }
  .button:hover:before,
  .button:focus:before {
    color: var(--btnColorHov, var(--accentcolor));
    width: 63px;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
/*# sourceMappingURL=./screen-medium.css.map */