/**
 * Button Styling - Outline Button Hover Effects
 * Handles hover states for outline buttons with accent-2 color
 */

/* Accent-2 Outline Button Hover Effect */
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-2-color,
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-2-border-color {
    transition: all 0.3s ease;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-accent-2-color:hover,
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-2-border-color:hover {
    background-color: var(--wp--preset--color--accent-2) !important;
    color: white !important;
    border-color: var(--wp--preset--color--accent-2) !important;
}

/* White Outline Button Hover Effect */
.wp-block-button.is-style-outline .wp-block-button__link.has-white-color,
.wp-block-button.is-style-outline .wp-block-button__link.has-white-border-color,
.wp-block-button.is-style-outline .wp-block-button__link:not([class*="has-"]):not([class*="-color"]) {
    transition: all 0.3s ease;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-white-color:hover,
.wp-block-button.is-style-outline .wp-block-button__link.has-white-border-color:hover,
.wp-block-button.is-style-outline .wp-block-button__link:not([class*="has-"]):not([class*="-color"]):hover {
    background-color: white !important;
    color: var(--wp--preset--color--contrast) !important;
    border-color: white !important;
}

/* Ensure smooth transition for all button states */
.wp-block-button__link {
    transition: all 0.3s ease;
}

/* Default Outline Button Hover Effect (no color specified) */
.wp-block-button.is-style-outline .wp-block-button__link:not([class*="has-"]):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-accent-2-color):not(.has-accent-2-border-color):hover {
    background-color: white !important;
    color: var(--wp--preset--color--contrast) !important;
    border-color: white !important;
}

/* Default Outline Button Hover Effect (no color specified) */
.wp-block-button.is-style-outline .wp-block-button__link:not([class*="has-"]):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-accent-2-color):not(.has-accent-2-border-color):hover {
    background-color: white !important;
    color: var(--wp--preset--color--contrast) !important;
    border-color: white !important;
}

/* Default Outline Button Hover Effect (no color specified) */
.wp-block-button.is-style-outline .wp-block-button__link:not([class*="has-"]):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-accent-2-color):not(.has-accent-2-border-color):hover {
    background-color: white !important;
    color: var(--wp--preset--color--contrast) !important;
    border-color: white !important;
}