.elementor-6301 .elementor-element.elementor-element-278922c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-6301 .elementor-element.elementor-element-bd21709 .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:300;background-color:#008CCA00;border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:14px 40px 14px 40px;}.elementor-6301 .elementor-element.elementor-element-bd21709{width:auto;max-width:auto;z-index:1;}@media(max-width:767px){.elementor-6301 .elementor-element.elementor-element-bd21709 .elementor-button{font-size:15px;padding:14px 30px 14px 30px;}}@media(min-width:768px){.elementor-6301 .elementor-element.elementor-element-278922c{--width:auto;}}/* Start custom CSS for button, class: .elementor-element-bd21709 */.elementor-6301 .elementor-element.elementor-element-bd21709 .elementor-button {
    position: relative;   /* Necesario para que ::after se posicione relativo a este contenedor */
    overflow: hidden;     /* Opcional, por si el círculo se expande */
}

.elementor-6301 .elementor-element.elementor-element-bd21709 .elementor-button::after {
    content: "";
    position: absolute;
    top: 50%;             /* Centrar verticalmente */
    left: 50%;            /* Centrar horizontalmente */
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: -1;

    /* Partimos de su centro: escala 1 y lo “recolocamos” -50% para que quede centrado */
    transform: translate(-50%, 20%) scale(1);
    transition: transform 0.6s cubic-bezier(.66,0,.34,1);
}

.elementor-6301 .elementor-element.elementor-element-bd21709 .elementor-button:hover::after {
    /* Lo hacemos crecer desde el centro */
    transform: translate(-50%, -50%) scale(1.2);
}
.elementor-6301 .elementor-element.elementor-element-bd21709 .elementor-button {
    background-color: transparent;
    transition: color 0.3s ease 0s; /* espera 1s antes de cambiar */
}

.elementor-6301 .elementor-element.elementor-element-bd21709 .elementor-button:hover {
    transition: background-color 0s ease; /* espera 1s antes de cambiar */
      transition: color 0.3s ease 0s; /* espera 1s antes de cambiar */
    color: #008CCA;
    
}/* End custom CSS */