/* ================================
   Buttons (Block Styles)
   ================================ */
.wp-block-button__link,
.button {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    border: 2px solid transparent;
}

/* Primary Button */
.is-style-primary .wp-block-button__link,
.button-primary {
    background: var(--color-red-dark);
    color: var(--color-white);
    border-color: var(--color-red-dark);
}

.is-style-primary .wp-block-button__link:hover,
.button-primary:hover {
    background: var(--color-red-logo);
    border-color: var(--color-red-logo);
    text-decoration: none;
}

/* Outline Button */
.is-style-outline .wp-block-button__link,
.button-outline {
    background: transparent;
    color: var(--color-red-dark);
    border-color: var(--color-red-dark);
}

.is-style-outline .wp-block-button__link:hover,
.button-outline:hover {
    background: var(--color-red-dark);
    color: var(--color-white);
    text-decoration: none;
}

/* Text Label Buttons */
.is-style-text-label-dark .wp-block-button__link,
.button-text-dark {
    background: transparent;
    color: var(--color-text-primary);
    padding: 0;
    border: none;
    font-weight: 600;
}

.is-style-text-label-dark .wp-block-button__link:hover,
.button-text-dark:hover {
    color: var(--color-red-dark);
    text-decoration: none;
}

.is-style-text-label-light .wp-block-button__link,
.button-text-light {
    background: transparent;
    color: var(--color-white);
    padding: 0;
    border: none;
    font-weight: 600;
}

.is-style-text-label-light .wp-block-button__link:hover,
.button-text-light:hover {
    opacity: 0.8;
    text-decoration: none;
}