/**
 * Estilos específicos para botones de Elementor en sección Informes
 * Draft Player Stats
 */

/* ========================================
   Estilos para botones de Elementor (Solo sección Informes)
   IMPORTANTE: Agregar clase "informes-section" a la sección en Elementor
   ======================================== */

.informes-section .elementor-widget-button .elementor-button.elementor-button-link,
.informes-section .elementor-widget-button .elementor-button.elementor-button-link.elementor-size-sm,
.informes-section .elementor-widget-button a.elementor-button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 0 !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-width: 0 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    cursor: pointer !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    fill: transparent !important;
}

.informes-section .elementor-widget-button .elementor-button.elementor-button-link:hover,
.informes-section .elementor-widget-button .elementor-button.elementor-button-link.elementor-size-sm:hover,
.informes-section .elementor-widget-button a.elementor-button:hover {
    transform: translateY(-5px) !important;
    box-shadow: none !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.informes-section .elementor-widget-button .elementor-button.elementor-button-link:before,
.informes-section .elementor-widget-button .elementor-button.elementor-button-link:after,
.informes-section .elementor-widget-button a.elementor-button:before,
.informes-section .elementor-widget-button a.elementor-button:after {
    display: none !important;
    content: none !important;
}

.informes-section .elementor-widget-button .elementor-button-content-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.informes-section .elementor-widget-button .elementor-button-icon {
    margin: 0 !important;
    font-size: 0 !important;
    width: 22px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.informes-section .elementor-widget-button .elementor-button-icon i {
    display: none !important;
}

.informes-section .elementor-widget-button .elementor-button-icon::before {
    content: '' !important;
    display: block !important;
    width: 22px !important;
    height: 24px !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5NzEgMi41ODMzM0wxOS4zMzMzIDguODIyMDhWMjAuNjY2N0gyLjQxNjY3VjIuNTgzMzNIMTMuNDk3MVpNMTMuNDk3MSAwSDIuNDE2NjdDMS4wODc1IDAgMCAxLjE2MjUgMCAyLjU4MzMzVjIwLjY2NjdDMCAyMi4wODc1IDEuMDg3NSAyMy4yNSAyLjQxNjY3IDIzLjI1SDE5LjMzMzNDMjAuNjYyNSAyMy4yNSAyMS43NSAyMi4wODc1IDIxLjc1IDIwLjY2NjdWOC44MjIwOEMyMS43NSA4LjEzNzUgMjEuNDk2MyA3LjQ3ODc1IDIxLjAzNzEgNy4wMDA4M0wxNS4yMDA4IDAuNzYyMDgzQzE0Ljc1MzggMC4yNzEyNSAxNC4xMzc1IDAgMTMuNDk3MSAwWk00LjgzMzMzIDE1LjVIMTYuOTE2N1YxOC4wODMzSDQuODMzMzNWMTUuNVpNNC44MzMzMyAxMC4zMzMzSDE2LjkxNjdWMTIuOTE2N0g0LjgzMzMzVjEwLjMzMzNaTTQuODMzMzMgNS4xNjY2N0gxMy4yOTE3VjcuNzVINC44MzMzM1Y1LjE2NjY3WiIgZmlsbD0iI0VCNUYwQSIvPgo8L3N2Zz4K') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.informes-section .elementor-widget-button .elementor-button-text {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #E8DCC5 !important;
    text-align: left !important;
    font-family: 'Poppins', sans-serif !important;
    border-bottom: 2px solid #EB5F0A !important;
    padding-bottom: 5px !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

.informes-section .elementor-widget-button .elementor-button.elementor-button-link:hover .elementor-button-text {
    color: #EB5F0A !important;
}