/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  padding: 14px 25px 16px;
  color: var(--red);
  background-color: transparent;
  border: 3px solid var(--red);
  text-align: center;
  text-decoration: none;
  border-radius: 100px;
  cursor: pointer;
  outline: none;
  font-size: 1.8rem;
  letter-spacing: .075rem;
  font-weight: 600;
} 
  @media (min-width: 1440px) {
    .btn-large {
      padding: 20px 60px 22px;
      font-size: 2.4rem;
    }
  }


  .button:hover,
  .btn:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    color: #FFF;
    background-color: var(--maroon);
    border-color: var(--maroon);
  }


.btn-red {
  background-color: var(--red);
  border-color: var(--red);
  color: #FFF;
}

.btn-fullwidth {width: 100%;}

.btn-whiteoutline {
  border-color: #FFF;
  color: #FFF;
}

.btn-whiteoutline:hover {
  background-color: var(--red);
  border-color: var(--red);
}



/* CTA WITH ARROW */
.btn-arrow {
  display: inline-flex;
  align-items: center;
  background-repeat: no-repeat;
  transition: color .15s ease-in-out, background-position .15s ease-in-out, background .15s ease-in-out;
  line-height: 1;
  text-decoration: none;
  font-weight: 600;
}


  /* BUTTON - ARROW - DOWN:AFTER */
  .btn-arrow-down span {display: inline-flex;}

  .btn-arrow-down span:after {
    position: relative;
    top: 1px;
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../img/button-arrow-down.svg);
    background-size: 100% auto;
    background-position: bottom;
    transition: background-position .3s ease-in-out;
    margin-left: 6px;
  }

  .btn-arrow-down:hover span:after {background-position: top;}
  /* BUTTON - ARROW - DOWN:AFTER */


  /* BUTTON - ARROW - RIGHT:AFTER */
  .btn-arrow-right span {display: inline-flex;}

  .btn-arrow-right span:after {
    position: relative;
    top: 1px;
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../img/button-arrow.svg);
    background-size: auto 100%;
    background-position: right;
    transition: background-position .3s ease-in-out;
    margin-left: 8px;
  }

  .btn-arrow-right:hover span:after,
  .module--service:hover .btn-arrow-right span:after,
  .locations--testingandprep li:hover .btn-arrow-right span:after {background-position: left;}
  /* BUTTON - ARROW - RIGHT:AFTER */


  /* BUTTON - ARROW - LEFT:BEFORE */
  .btn-pagination-arrow-left {float: left;}

  .btn-pagination-arrow-left span {display: inline-flex;}

  .btn-pagination-arrow-left span:before {
    position: relative;
    top: 1px;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../../img/button-pagination-arrow-left.svg);
    background-size: auto 100%;
    background-position: left;
    transition: background-position .3s ease-in-out;
    margin-right: 7px;
  }

  .btn-pagination-arrow-left:hover span:before {background-position: right;}
  /* BUTTON - ARROW - LEFT:BEFORE */


  /* BUTTON - ARROW - RIGHT:AFTER */
  .btn-pagination-arrow-right {float: right;}

  .btn-pagination-arrow-right span {display: inline-flex;}

  .btn-pagination-arrow-right span:after {
    position: relative;
    top: 1px;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../../img/button-pagination-arrow-right.svg);
    background-size: auto 100%;
    background-position: right;
    transition: background-position .3s ease-in-out;
    margin-left: 7px;
  }

  .btn-pagination-arrow-right:hover span:after,
  .index--mantle-cta-button-interior:hover span:after {background-position: left;}
  /* BUTTON - ARROW - RIGHT:AFTER */


  /* BUTTON - ARROW WITH COLOR CHANGE - RIGHT */
  .btn-arrow-withcolor {cursor:pointer;}
  .btn-arrow-withcolorchange span {float: left;}
  .btn-arrow-withcolorchange-arrow {
    float: left;
    -webkit-mask: url('data:image/svg+xml,<svg width="36" height="18" viewBox="0 0 36 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_548_10)"><path d="M11.11 0H9C9 2.75 10.75 5.48 14.09 8H0V10H14.09C10.75 12.52 9 15.25 9 18H11.11C11.11 15.33 13.56 12.43 18 9.85V8.14C13.56 5.57 11.11 2.67 11.11 0Z" fill="%23C01F24"/></g><g clip-path="url(%23clip1_548_10)"><path d="M29.11 0H27C27 2.75 28.75 5.48 32.09 8H18V10H32.09C28.75 12.52 27 15.25 27 18H29.11C29.11 15.33 31.56 12.43 36 9.85V8.14C31.56 5.57 29.11 2.67 29.11 0Z" fill="%23C01F24"/></g><defs><clipPath id="clip0_548_10"><rect width="18" height="18" fill="white"/></clipPath><clipPath id="clip1_548_10"><rect width="18" height="18" fill="white" transform="translate(18)"/></clipPath></defs></svg>') center/cover no-repeat;
            mask: url('data:image/svg+xml,<svg width="36" height="18" viewBox="0 0 36 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_548_10)"><path d="M11.11 0H9C9 2.75 10.75 5.48 14.09 8H0V10H14.09C10.75 12.52 9 15.25 9 18H11.11C11.11 15.33 13.56 12.43 18 9.85V8.14C13.56 5.57 11.11 2.67 11.11 0Z" fill="%23C01F24"/></g><g clip-path="url(%23clip1_548_10)"><path d="M29.11 0H27C27 2.75 28.75 5.48 32.09 8H18V10H32.09C28.75 12.52 27 15.25 27 18H29.11C29.11 15.33 31.56 12.43 36 9.85V8.14C31.56 5.57 29.11 2.67 29.11 0Z" fill="%23C01F24"/></g><defs><clipPath id="clip0_548_10"><rect width="18" height="18" fill="white"/></clipPath><clipPath id="clip1_548_10"><rect width="18" height="18" fill="white" transform="translate(18)"/></clipPath></defs></svg>') center/cover no-repeat;
    width: 14px;
    height: 14px;
    mask-size: auto 100%;
    mask-position: right;
    transition: mask-position .3s ease-in-out;
    margin-top: 3px;
    margin-left: 6px;
    background-color: var(--red);
  }
    @media (min-width: 768px)  {
      .btn-arrow-withcolorchange-arrow {
        margin-top: 5px;
        margin-left: 10px;
        width: 18px;
        height: 18px;
      }
    }
    @media (min-width: 1440px) {
      .btn-arrow-withcolorchange-arrow {
        margin-top: 6px;
        width: 24px;
        height: 24px;
      }
    }

  .btn-arrow-withcolorchange:hover .btn-arrow-withcolorchange-arrow,
  .index--mantle-cta-button:hover .btn-arrow-withcolorchange-arrow {
    mask-position: left;
    background-color: #FFF;
  }
  /* BUTTON - ARROW WITH COLOR CHANGE - RIGHT */




  /* DROPDOWN - BUTTON - ARROW - RIGHT:AFTER */
  .btn-dropdown-arrow-right {
    position: relative;
    float: left;
    width: 100%;
  }

  .btn-dropdown-arrow-right span {
    position: relative;
    display: inline-flex;
    width: 100%;
  }

  .btn-dropdown-arrow-right span:after {
    position: absolute;
    margin-top: -1px;
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../img/button-pagination-arrow-right.svg);
    background-size: auto 100%;
    background-position: right;
    transition: background-position .3s ease-in-out;
    right: 10px;
  }
    @media (max-width: 767px) {.btn-dropdown-arrow-right span:after {display: none;}}

  .btn-dropdown-arrow-right:hover span:after {background-position: left;}
  /* DROPDOWN - BUTTON - ARROW - RIGHT:AFTER */

  /* BUTTON - CLOSE - RIGHT:AFTER */
  .btn-close-right span {display: inline-flex;}

  .btn-close-right span:after {
    position: relative;
    top: 1px;
    content: "";
    width: 16px;
    height: 18px;
    background-image: url(../../img/button-close.svg);
    background-size: auto 100%;
    background-position: right;
    transition: background-position .3s ease-in-out;
    margin-left: 8px;
  }

  .btn-close-right:hover span:after {background-position: left;}
  /* BUTTON - CLOSE - RIGHT:AFTER */


/* CTA WITH ARROW */