.btn-primary {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: #007933;
  transition: background-color 0.25s;
  border: 3px solid #007933;
  border-radius: 1px;
  color: #fff;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-primary {
      font-size: 20px;
      line-height: 25px; } }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:hover {
    background-color: #02401c;
    transition: background-color 0.25s;
    border: 3px solid #02401c;
    border-radius: 1px;
    color: #fff; }
  .btn-primary.disabled, .btn-primary:disabled {
    opacity: 0.7;
    pointer-events: none; }
  @media (min-width: 1024px) {
    .btn-primary {
      padding: 20px; } }

.btn-secondary {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.25s;
  border: 3px solid #0d0d0e;
  border-radius: 1px;
  color: #0d0d0e;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-secondary {
      font-size: 20px;
      line-height: 25px; } }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:hover {
    background-color: transparent;
    border: 3px solid #007933;
    border-radius: 1px;
    color: #007933;
    text-decoration: none; }
  .btn-secondary.disabled, .btn-secondary:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .btn-secondary {
      padding: 20px; } }

.btn-cancel {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: #dbdbdb;
  transition: background-color 0.25s;
  border: 3px solid #dbdbdb;
  border-radius: 1px;
  color: #5e5e5e;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-cancel {
      font-size: 20px;
      line-height: 25px; } }
  .btn-cancel:not(:disabled):not(.disabled):active, .btn-cancel:hover {
    background-color: #bcbcbc;
    transition: background-color 0.25s;
    border: 3px solid #bcbcbc;
    border-radius: 1px;
    color: #313131; }
  .btn-cancel.disabled, .btn-cancel:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .btn-cancel {
      padding: 20px; } }

.btn-primary-dark-bg {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: #a3d65e;
  transition: background-color 0.25s;
  border: 3px solid #a3d65e;
  border-radius: 1px;
  color: #0d0d0e;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-primary-dark-bg {
      font-size: 20px;
      line-height: 25px; } }
  .btn-primary-dark-bg:not(:disabled):not(.disabled):active, .btn-primary-dark-bg:hover {
    background-color: #86c432;
    border-color: #86c432;
    border-radius: 1px;
    color: #0d0d0e; }
  .btn-primary-dark-bg.disabled, .btn-primary-dark-bg:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .btn-primary-dark-bg {
      padding: 20px; } }

.btn-secondary-dark-bg {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: transparent;
  border: 3px solid #fff;
  border-radius: 1px;
  color: #fff;
  padding: 12px; }
  @media (min-width: 1024px) {
    .btn-secondary-dark-bg {
      font-size: 20px;
      line-height: 25px; } }
  .btn-secondary-dark-bg:not(:disabled):not(.disabled):active, .btn-secondary-dark-bg:hover {
    background-color: transparent;
    border: 3px solid #a3d65e;
    border-radius: 1px;
    color: #a3d65e; }
  .btn-secondary-dark-bg.disabled, .btn-secondary-dark-bg:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .btn-secondary-dark-bg {
      padding: 20px; } }

.ctalinkbutton-container .cta-link-primary {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: #007933;
  transition: background-color 0.25s;
  border: 3px solid #007933;
  border-radius: 1px;
  color: #fff;
  padding: 12px;
  text-transform: none; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-primary {
      font-size: 20px;
      line-height: 25px; } }
  .ctalinkbutton-container .cta-link-primary:not(:disabled):not(.disabled):active, .ctalinkbutton-container .cta-link-primary:hover {
    background-color: #02401c;
    transition: background-color 0.25s;
    border: 3px solid #02401c;
    border-radius: 1px;
    color: #fff; }
  .ctalinkbutton-container .cta-link-primary.disabled, .ctalinkbutton-container .cta-link-primary:disabled {
    opacity: 0.7;
    pointer-events: none; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-primary {
      padding: 20px; } }

.ctalinkbutton-container .cta-link-secondary {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.25s;
  border: 3px solid #0d0d0e;
  border-radius: 1px;
  color: #0d0d0e;
  padding: 12px;
  text-transform: none; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-secondary {
      font-size: 20px;
      line-height: 25px; } }
  .ctalinkbutton-container .cta-link-secondary:not(:disabled):not(.disabled):active, .ctalinkbutton-container .cta-link-secondary:hover {
    background-color: transparent;
    border: 3px solid #007933;
    border-radius: 1px;
    color: #007933;
    text-decoration: none; }
  .ctalinkbutton-container .cta-link-secondary.disabled, .ctalinkbutton-container .cta-link-secondary:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-secondary {
      padding: 20px; } }
  .ctalinkbutton-container .cta-link-secondary img.pdf-icon.pdf-icon-desktop.visible,
  .ctalinkbutton-container .cta-link-secondary img.pdf-icon.pdf-icon-mobile.visible {
    filter: brightness(0) saturate(65%) invert(13%) sepia(26%); }
  .ctalinkbutton-container .cta-link-secondary:hover img.pdf-icon.pdf-icon-desktop.visible,
  .ctalinkbutton-container .cta-link-secondary:hover img.pdf-icon.pdf-icon-mobile.visible {
    filter: brightness(0) saturate(100%) invert(33%) sepia(100%) saturate(750%) hue-rotate(90deg) brightness(85%) contrast(95%); }

.ctalinkbutton-container .cta-link-muted {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: #dbdbdb;
  transition: background-color 0.25s;
  border: 3px solid #dbdbdb;
  border-radius: 1px;
  color: #5e5e5e;
  padding: 12px;
  text-transform: none; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-muted {
      font-size: 20px;
      line-height: 25px; } }
  .ctalinkbutton-container .cta-link-muted:not(:disabled):not(.disabled):active, .ctalinkbutton-container .cta-link-muted:hover {
    background-color: #bcbcbc;
    transition: background-color 0.25s;
    border: 3px solid #bcbcbc;
    border-radius: 1px;
    color: #313131; }
  .ctalinkbutton-container .cta-link-muted.disabled, .ctalinkbutton-container .cta-link-muted:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-muted {
      padding: 20px; } }

.ctalinkbutton-container .cta-link-primary-alt {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: #a3d65e;
  transition: background-color 0.25s;
  border: 3px solid #a3d65e;
  border-radius: 1px;
  color: #0d0d0e;
  padding: 12px;
  text-transform: none; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-primary-alt {
      font-size: 20px;
      line-height: 25px; } }
  .ctalinkbutton-container .cta-link-primary-alt:not(:disabled):not(.disabled):active, .ctalinkbutton-container .cta-link-primary-alt:hover {
    background-color: #86c432;
    border-color: #86c432;
    border-radius: 1px;
    color: #0d0d0e; }
  .ctalinkbutton-container .cta-link-primary-alt.disabled, .ctalinkbutton-container .cta-link-primary-alt:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-primary-alt {
      padding: 20px; } }

.ctalinkbutton-container .cta-link-secondary-alt {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
  display: inline-block;
  text-decoration: none;
  background-color: transparent;
  border: 3px solid #fff;
  border-radius: 1px;
  color: #fff;
  padding: 12px;
  text-transform: none; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-secondary-alt {
      font-size: 20px;
      line-height: 25px; } }
  .ctalinkbutton-container .cta-link-secondary-alt:not(:disabled):not(.disabled):active, .ctalinkbutton-container .cta-link-secondary-alt:hover {
    background-color: transparent;
    border: 3px solid #a3d65e;
    border-radius: 1px;
    color: #a3d65e; }
  .ctalinkbutton-container .cta-link-secondary-alt.disabled, .ctalinkbutton-container .cta-link-secondary-alt:disabled {
    opacity: 0.7; }
  @media (min-width: 1024px) {
    .ctalinkbutton-container .cta-link-secondary-alt {
      padding: 20px; } }

.ctalinkbutton-container .smaller-ctalink-font {
  font-size: 14px; }
  @media only screen and (min-width: 1024px) {
    .ctalinkbutton-container .smaller-ctalink-font {
      font-size: 16px; } }

.ctalinkbutton-container .normal-ctalink-font {
  font-size: 16px; }
  @media only screen and (min-width: 1024px) {
    .ctalinkbutton-container .normal-ctalink-font {
      font-size: 20px; } }

.ctalinkbutton-container .expand-mobile {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .ctalinkbutton-container .expand-mobile {
      width: unset; } }

@media only screen and (min-width: 1024px) {
  .ctalinkbutton-container .expand-desktop {
    width: 100%; } }

.ctalinkbutton-container .pdf-icon {
  width: 16px;
  height: 16px;
  margin-left: 7px; }
  .ctalinkbutton-container .pdf-icon.hidden {
    display: none !important; }
  .ctalinkbutton-container .pdf-icon.visible {
    display: inline-block; }

.ctalinkbutton-container img.pdf-icon.pdf-icon-desktop.visible {
  display: none; }
  @media only screen and (min-width: 1025px) {
    .ctalinkbutton-container img.pdf-icon.pdf-icon-desktop.visible {
      display: inline-block; } }

.ctalinkbutton-container img.pdf-icon.pdf-icon-mobile.visible {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .ctalinkbutton-container img.pdf-icon.pdf-icon-mobile.visible {
      display: inline-block; } }

@media only screen and (min-width: 1024px) {
  .experience-hotwater_commerce_assets-ctaLinkButton {
    display: inline-block; }
    .experience-hotwater_commerce_assets-ctaLinkButton + .experience-hotwater_commerce_assets-ctaLinkButton {
      margin-left: 1rem; }
  .aos-cta-inline-block:has(.ctalinkbutton-container > a.expand-desktop) {
    width: 100%; } }
