.elementor-3570 .elementor-element.elementor-element-206f7afc{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button{background-color:#F29425;font-family:"Inter", Sans-serif;font-size:16px;font-weight:normal;letter-spacing:-0.1px;fill:#24282B;color:#24282B;border-radius:30px 30px 30px 30px;padding:12px 12px 12px 25px;}.elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button:hover, .elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button:focus{background-color:#24282B;color:#FFFFFF;}.elementor-3570 .elementor-element.elementor-element-9a99577 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button:hover svg, .elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button:focus svg{fill:#FFFFFF;}/* Start custom CSS for button, class: .elementor-element-9a99577 */.elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button-icon {
    font-size: 19px;
    background-color: #24282b; /* Fondo oscuro en estado normal */
    padding: 5px;
    padding-bottom: 6px;
    border-radius: 50%; /* Redondeado */
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, color 0.3s ease; /* Transición suave */
}

/* Asegurar que el color del icono en estado normal sea blanco */
.elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button-icon i,
.elementor-3570 .elementor-element.elementor-element-9a99577 .elementor-button-icon svg {
    color: #ffffff; /* Font icon blanco */
    fill: #ffffff;  /* SVG icon blanco */
    transition: fill 0.3s ease, color 0.3s ease; /* Transición suave */
}

/* Hover */
.elementor-3570 .elementor-element.elementor-element-9a99577:hover .elementor-button-icon {
    background-color: #ffffff; /* Fondo blanco en hover */
    color: #24282b; /* Color oscuro para font icon en hover */
}

.elementor-3570 .elementor-element.elementor-element-9a99577:hover .elementor-button-icon i {
    color: #24282b; /* Font icon oscuro en hover */
}

.elementor-3570 .elementor-element.elementor-element-9a99577:hover .elementor-button-icon svg {
    fill: #24282b; /* SVG icon oscuro en hover */
}/* End custom CSS */