/* button-styles.css */
/* Base Button Variables */

@import url(./style.css);

/* Base Button Styles */
.button,
.wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: var(--color-primary-500);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

/* WooCommerce Base Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--color-primary-500);
    color: var(--color-gray-50);
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
}

/* Basic Hover States */
.button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover {
    background-color: var(--color-accent-500);
    color: var(--color-gray-50);
}