/**
 * WordPress Button Block Custom Styles
 *
 * This file contains custom styles for the WordPress button block.
 */

/* Default button block styles */
.wp-block-button__link {
    border-radius: 22.555px !important;
    background: #8509B9 !important;
    justify-content: center !important;
    color: #FFF !important;
    text-align: center !important;
    font-family: 'Georama', sans-serif !important;
    font-size: 20.049px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    letter-spacing: -0.2px !important;
    padding: 0.75rem 1.5rem !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Hover state */
.wp-block-button__link:hover,
.wp-block-button__link:focus {
    background: #6b0770 !important; /* Darker shade for hover */
    color: #FFF !important;
    text-decoration: none !important;
}

/* Outline button variant */
.is-style-outline .wp-block-button__link {
    background: transparent !important;
    color: #8509B9 !important;
    border: 2px solid #8509B9 !important;
}

.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:focus {
    background: rgba(133, 9, 185, 0.1) !important;
    color: #8509B9 !important;
}

/* Editor styles to match frontend */
.editor-styles-wrapper .wp-block-button__link {
    border-radius: 22.555px !important;
    background: #8509B9 !important;
    justify-content: center !important;
    color: #FFF !important;
    text-align: center !important;
    font-family: 'Georama', sans-serif !important;
    font-size: 20.049px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    letter-spacing: -0.2px !important;
    padding: 0.75rem 1.5rem !important;
}