/*
GPRO CSS: Button Styles (opt-in)
Description: Sitewide button styling built on the design tokens. Shipped commented-out and inert — uncomment the rules below to activate, then adjust colors per project.
Classes: .et_pb_button, .et_pb_more_button, .woocommerce .button
Version: 1.0
Order: 90
*/

/* OPT-IN — uncomment the block below to apply sitewide button styling.
   Uses design tokens for spacing, radius, and transitions.
   Default colors use the accent token; adjust per project.

.et_pb_button,
.et_pb_more_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    display:          inline-block;
    padding:          var(--gpro-btn-padding-y) var(--gpro-btn-padding-x);
    font-size:        var(--gpro-text-sm);
    font-weight:      var(--gpro-weight-medium);
    letter-spacing:   var(--gpro-tracking-wide);
    text-transform:   uppercase;
    text-decoration:  none;
    border:           var(--gpro-btn-border-w, 2px) solid var(--color-accent);
    border-radius:    var(--gpro-radius-sm);
    background-color: var(--color-accent);
    color:            #FFF !important;
    cursor:           pointer;
    box-shadow:       var(--gpro-shadow-0);
    transition:       background-color var(--gpro-transition-fast),
                      border-color var(--gpro-transition-fast),
                      color var(--gpro-transition-fast);
}
.et_pb_button:hover,
.et_pb_more_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: transparent;
    color:            var(--color-accent) !important;
    border-color:     var(--color-accent);
}

*/