.elementor .snap6{/* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
background: linear-gradient(90deg, #9C4EFF, #6B1CFF); /* 🎨 Degradê roxo — edite as cores aqui */
transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
box-shadow: 0 0 50px 0 #9C4EFF80; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
font-size: 15px;
align-self: center;
transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
opacity: 1;
transition: 0.5s ease all;

/* 🔵 Arredondamento parcial nos cantos */
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
width: 100%; /* 🔁 Encolhe ao hover */
height: 100%;
opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% + 20px);
height: calc(100% + 20px);
border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
opacity: 1;
transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
width: 100%;
height: 100%;
opacity: 0;
}\n}