/* Pilot Things primary action button. See sites/pilot-things/DESIGN.md. */
.button,
.w-button:not(.closebutton),
.uui-button,
.load-more-button,
.emera-contact__submit,
.sensor-dialog__buy,
.buy-dialog__submit,
.loptimizer-partnership button[type="submit"],
.modal-wrapper .submit-button-3,
.gateway-hero__button--primary,
.gateway-comparison-section .gateway-comparison-order .cptbuttonblue {
  color: white !important;
  -webkit-text-fill-color: white !important;
  background-color: #0793b4 !important;
  background-image: linear-gradient(135deg, #066e8b 0%, #0793b4 55%, #1aa9c5 100%) !important;
  border: 1px solid rgba(7, 117, 145, 0.4) !important;
  border-radius: 12px !important;
  font-family: "Days One", sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  letter-spacing: 2px !important;
  text-transform: none !important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(7, 117, 145, 0.24) !important;
  transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}

.button > :not(img, svg),
.w-button:not(.closebutton) > :not(img, svg),
.uui-button > :not(img, svg),
.load-more-button > :not(img, svg) {
  font-family: "Days One", sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  letter-spacing: 2px !important;
  text-transform: none !important;
}

.button:hover,
.w-button:not(.closebutton):hover,
.uui-button:hover,
.load-more-button:hover,
.emera-contact__submit:hover,
.sensor-dialog__buy:hover,
.buy-dialog__submit:hover,
.loptimizer-partnership button[type="submit"]:hover,
.modal-wrapper .submit-button-3:hover,
.gateway-hero__button--primary:hover,
.gateway-comparison-section .gateway-comparison-order .cptbuttonblue:hover {
  color: white !important;
  -webkit-text-fill-color: white !important;
  filter: brightness(1.06) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(7, 117, 145, 0.3) !important;
}

.button:active,
.w-button:not(.closebutton):active,
.uui-button:active,
.load-more-button:active,
.emera-contact__submit:active,
.sensor-dialog__buy:active,
.buy-dialog__submit:active,
.loptimizer-partnership button[type="submit"]:active,
.modal-wrapper .submit-button-3:active,
.gateway-hero__button--primary:active,
.gateway-comparison-section .gateway-comparison-order .cptbuttonblue:active {
  filter: brightness(.96) !important;
  transform: translateY(0) !important;
  box-shadow: 0 6px 14px rgba(7, 117, 145, 0.22) !important;
}

.button:focus-visible,
.w-button:not(.closebutton):focus-visible,
.uui-button:focus-visible,
.load-more-button:focus-visible,
.emera-contact__submit:focus-visible,
.sensor-dialog__buy:focus-visible,
.buy-dialog__submit:focus-visible,
.loptimizer-partnership button[type="submit"]:focus-visible,
.modal-wrapper .submit-button-3:focus-visible,
.gateway-hero__button--primary:focus-visible,
.gateway-comparison-section .gateway-comparison-order .cptbuttonblue:focus-visible {
  outline: 3px solid rgba(7, 147, 180, 0.38);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .button,
  .w-button:not(.closebutton),
  .uui-button,
  .load-more-button,
  .emera-contact__submit,
  .sensor-dialog__buy,
  .buy-dialog__submit,
  .loptimizer-partnership button[type="submit"],
  .modal-wrapper .submit-button-3,
  .gateway-hero__button--primary,
  .gateway-comparison-section .gateway-comparison-order .cptbuttonblue {
    transition: none;
  }

  .button:hover,
  .w-button:not(.closebutton):hover,
  .uui-button:hover,
  .load-more-button:hover,
  .emera-contact__submit:hover,
  .sensor-dialog__buy:hover,
  .buy-dialog__submit:hover,
  .loptimizer-partnership button[type="submit"]:hover,
  .modal-wrapper .submit-button-3:hover,
  .gateway-hero__button--primary:hover,
  .gateway-comparison-section .gateway-comparison-order .cptbuttonblue:hover {
    transform: none !important;
  }
}