body {
  font-family: "Work Sans", Arial, Roboto, sans-serif;
}

.btn-primary {
  background-color: #56085c;
  background: top -1px right -1px/300% 800% no-repeat
      linear-gradient(
        48deg,
        #00535e 0%,
        #00535e 33.33%,
        #56085c 67.77%,
        #56085c 100%
      ),
    #56085c;
  color: #ffffff !important;
  padding: 0.67rem 2rem 0.6rem;
  border-radius: 4.85rem;
  border: 1px solid #56085c;
  -webkit-transition: all 600ms;
  transition: all 600ms;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}


@media screen and (pointer: fine) and (min-width: 1025px) {
  .btn-primary:focus-visible,
  .btn-primary:hover {
    background-color: #ffffff;
    background-position: bottom -1px left -1px;
    border-color: #00535e;
    text-decoration: none;
  }
}
@media screen and (max-width: 699px) {
  .btn-primary {
    width: 100%;
    max-width: 20rem;
  }
}
.btn-primary {
  border-color: #ffffff;
}
@media screen and (pointer: fine) and (min-width: 1025px) {
  .btn-primary:focus-visible,
  .btn-primary:hover {
    border-color: #ff9500;
  }
}

.cta-link-button {
  color: black !important;
  background: top -1px right -1px / 300% 800% no-repeat linear-gradient(48deg, #ffffff 0%, #ffffff 33.33%, #FF9500 67.77%, #FF9500 100%), #FF9500;
}

#calculator-field-panel-previous, #calculator-field-panel-next {
height: 30px;
margin-top: 5px;
}