.button {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.button {
  isolation:isolate;
  overflow:hidden;
  position:relative;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  background:#7419cf;
  border:none;
  border-radius:40px;
  color:#fff;
  cursor:pointer;
  font-family:Mallory;
  font-size:1rem;
  font-weight:800;
  gap:.625rem;
  justify-content:center;
  letter-spacing:0;
  line-height:1.25;
  padding:.625rem 1.25rem;
  text-align:center;
  text-transform:uppercase;
  -webkit-transition:background .4s ease-out,color .4s ease-out,outline .4s ease-out,border-color .4s ease-out;
  transition:background .4s ease-out,color .4s ease-out,outline .4s ease-out,border-color .4s ease-out;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
@media (max-width:62rem) {
  .button {
    font-size:1rem;
    font-weight:800;
    letter-spacing:0;
    line-height:1.25
  }
}
@media (max-width:36rem) {
  .button {
    font-size:1rem;
    font-weight:800;
    letter-spacing:0;
    line-height:1.25
  }
}
.button svg {
  height:1rem;
  width:1rem;
  fill:#fff;
  -webkit-transition:fill .4s ease-out;
  transition:fill .4s ease-out
}
.button:hover {
  background:#a253f0;
  color:#fff
}
.button:hover svg {
  fill:#fff
}
.button:focus {
  background:#7419cf;
  color:#fff;
  outline:4px solid #f1e3ff
}
.button:focus svg {
  fill:#fff
}
.button:disabled {
  background:#d2cfd7;
  color:#efeef1;
  cursor:not-allowed;
  pointer-events:none
}
.button:disabled svg {
  fill:#efeef1
}
.button.icon {
  padding:.625rem
}
.button svg {
  height:1.25rem;
  width:1.25rem
}


.button__green {
  background:#00e24b;
  color:#0c0a0a
}
.button__green svg {
  height:1rem;
  width:1rem;
  fill:#0c0a0a;
  -webkit-transition:fill .4s ease-out;
  transition:fill .4s ease-out
}
.button__green:hover {
  background:#a253f0;
  color:#fff
}
.button__green:hover svg {
  fill:#fff
}
.button__green:focus {
  background:#7419cf;
  color:#fff;
  outline:4px solid #f1e3ff
}
.button__green:focus svg {
  fill:#fff
}
.button__green:disabled {
  background:#d2cfd7;
  color:#efeef1;
  cursor:not-allowed;
  pointer-events:none
}
.button__green:disabled svg {
  fill:#efeef1
}
.button__white {
  background:#fff;
  color:#7419cf
}
.button__white svg {
  height:1rem;
  width:1rem;
  fill:#7419cf;
  -webkit-transition:fill .4s ease-out;
  transition:fill .4s ease-out
}
.button__white:hover {
  background:#a253f0;
  color:#fff
}
.button__white:hover svg {
  fill:#fff
}
.button__white:focus {
  background:#fff;
  color:#7419cf;
  outline:4px solid #f1e3ff
}
.button__white:focus svg {
  fill:#7419cf
}
.button__white:disabled {
  background:#d2cfd7;
  color:#efeef1;
  cursor:not-allowed;
  pointer-events:none
}
.button__white:disabled svg {
  fill:#efeef1
}
.button__black {
  background:#0c0a0a;
  color:#fff
}
.button__black svg {
  height:1rem;
  width:1rem;
  fill:#fff;
  -webkit-transition:fill .4s ease-out;
  transition:fill .4s ease-out
}
.button__black:hover {
  background:#a253f0;
  color:#fff
}
.button__black:hover svg {
  fill:#fff
}
.button__black:focus {
  background:#0c0a0a;
  color:#fff;
  outline:4px solid #b0adb4
}
.button__black:focus svg {
  fill:#fff
}
.button__black:disabled {
  background:#d2cfd7;
  color:#efeef1;
  cursor:not-allowed;
  pointer-events:none
}
.button__black:disabled svg {
  fill:#efeef1
}
.button__border {
  background:#0c0a0a;
  color:#fff
}
.button__border svg {
  height:1rem;
  width:1rem;
  fill:#fff;
  -webkit-transition:fill .4s ease-out;
  transition:fill .4s ease-out
}
.button__border:hover {
  background:#a253f0;
  color:#fff
}
.button__border:hover svg {
  fill:#fff
}
.button__border:focus {
  background:#0c0a0a;
  color:#fff;
  outline:4px solid #b0adb4
}
.button__border:focus svg {
  fill:#fff
}
.button__border:disabled {
  background:#d2cfd7;
  color:#efeef1;
  cursor:not-allowed;
  pointer-events:none
}
.button__border:disabled svg {
  fill:#efeef1
}
.button__white-border {
  background:#fff;
  border:1px solid #d2cfd7;
  color:#0c0a0a
}
.button__white-border:hover {
  border-color:#a253f0
}
.button__white-border:focus {
  border-color:transparent
}
.button__white-border svg {
  height:1rem;
  width:1rem;
  fill:#0c0a0a;
  -webkit-transition:fill .4s ease-out;
  transition:fill .4s ease-out
}
.button__white-border:hover {
  background:#a253f0;
  color:#fff
}
.button__white-border:hover svg {
  fill:#fff
}
.button__white-border:focus {
  background:#fff;
  color:#0c0a0a;
  outline:4px solid #efeef1
}
.button__white-border:focus svg {
  fill:#0c0a0a
}
.button__white-border:disabled {
  background:#d2cfd7;
  color:#efeef1;
  cursor:not-allowed;
  pointer-events:none
}
.button__white-border:disabled svg {
  fill:#efeef1
}


@media (max-width:48rem) {
  .header__phone {
    display:none
  }
}
@media (max-width:73.75rem) {
  .header__cta {
    display:none
  }
}
@media (max-width:62rem) {
  .header__cta {
    display:block
  }
}
@media (max-width:48rem) {
  .header__cta {
    display:none
  }
}


.header-fix {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  background:#fff;
  bottom:0;
  -webkit-box-shadow:-.5rem 0 .5rem hsla(0,9%,4%,.1);
  box-shadow:-.5rem 0 .5rem hsla(0,9%,4%,.1);
  gap:.25rem;
  justify-content:space-between;
  padding:.5rem 1rem;
  position:-webkit-sticky;
  position:sticky;
  width:100%;
  z-index:9
}
@media (min-width:49rem) {
  .header-fix {
    display:none
  }
}
.cta-box-info,
.phone-work {
  color:#3d3b3b;
  display:block;
  font-size:.75rem;
  font-weight:500;
  margin:.25rem 0 0;
  text-align:center
}
@media (max-width:48rem) {
  .cta-box-info,
  .phone-work {
    display:none
  }
}
@media (max-width:73.75rem) {
  .cta-box-info {
    display:none
  }
}
@media (max-width:62rem) {
  .cta-box-info {
    display:block
  }
}
@media (max-width:48rem) {
  .cta-box-info {
    display:none
  }
}





@media (max-width:30.5rem) {
  .header-fix > .button__green > span {
    display:none;
  }
}

@media (max-width:30.5rem) {
  .header-fix > .button__white-border > span {
    display:none;
  }
}