.elementor-48680 .elementor-element.elementor-element-e29e5ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for button, class: .elementor-element-aa27c50 *//* Estilização do botão com degradê verde-amarelo */
.button {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(45deg, #28a745, #ffeb3b); /* Degradê verde → amarelo */
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

/* Efeito hover */
.button:hover {
    background: linear-gradient(45deg, #218838, #fbc02d); /* Tons mais escuros no hover */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
}

/* Efeito de clique */
.button:active {
    transform: scale(0.98);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}/* End custom CSS */