:root {
    --page-button-radius: 6px;
    --page-button-hover-border: rgba(27, 48, 84, 0.32);
    --page-button-hover-shadow: 0 8px 22px rgba(15, 30, 56, 0.08);
  }

  button,
  .btn,
  .nav-cta {
    border-radius: var(--page-button-radius) !important;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  button:hover,
  .btn:hover,
  .nav-cta:hover {
    transform: translateY(-1px);
    border-color: var(--page-button-hover-border) !important;
    box-shadow: var(--page-button-hover-shadow) !important;
  }

  .nav-cta:hover {
    background: var(--navy) !important;
    color: #fff !important;
  }

  .btn-solid:hover {
    background: var(--navy) !important;
    color: #fff !important;
  }

  .btn-outline:hover {
    border-color: rgba(27, 48, 84, 0.2) !important;
    color: var(--navy) !important;
  }

  .hero-review-arrow:hover {
    background: rgba(255,255,255,0.9) !important;
    color: var(--navy) !important;
  }

  #mlb2-41138138.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover,
  #mlb2-41138138.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover,
  #mlb2-41138138 .ml-mobileButton-horizontal button:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #217A6A !important;
  }
