/** Shopify CDN: Minification failed

Line 19:10 Unexpected "{"
Line 19:19 Expected ":"
Line 27:12 Unexpected "{"
Line 27:21 Expected ":"
Line 43:10 Unexpected "{"
Line 43:19 Expected ":"
Line 50:10 Unexpected "{"
Line 50:19 Expected ":"
Line 59:12 Unexpected "{"
Line 59:21 Expected ":"
... and 4 more hidden warnings

**/


/* CSS from section stylesheet tags */
#section-{{ section.id }} .button-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.25rem 0;
  }

  #section-{{ section.id }} .button-row__button {
    flex: 0 0 auto;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    white-space: nowrap;
    background-color: var(--button-bg);
    color: var(--button-text);
    border: 2px solid transparent;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease, border 0.2s ease;
  }

#section-{{ section.id }} .button-row__button:not(.is-active):hover {
  background-color: var(--button-hover-bg-only) !important;
  color: var(--button-hover-text) !important;
  transform: scale(1.04);
  border: 2px solid transparent;
}

#section-{{ section.id }} .button-row__button.is-active {
  background-color: var(--button-active-bg) !important;
  color: var(--button-hover-text) !important;
  border: 2px solid transparent;
  transform: none;
}


  /* Optional focus styling */
  #section-{{ section.id }} .button-row__button:focus {
    outline: 2px solid var(--button-hover-text);
    outline-offset: 2px;
  }

  @media screen and (max-width: 480px) {
    #section-{{ section.id }} .button-row {
      padding-left: 1rem;
      padding-right: 1rem;
    }

    #section-{{ section.id }} .button-row__button {
      font-size: 0.75rem;
      padding: 0.5rem 1rem;
    }
  }