/*
Créditos do efeito:
Autor: Heitor Ferreira
Curso: CSS PACK
*/
selector .elementor-field-group {
position: relative;
overflow: hidden;
padding: 2px;
border-radius: 10px !important;
}
selector .elementor-field-group:before {
content: "";
filter: blur(20px);
position: absolute;
top: var(--mouse-y, 50%);
left: var(--mouse-x, 50%);
transform: translate(-50%, -50%);
width: 20%;
height: 100%;
background: radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), #B2FE02, #B2FE02); /* Altere a cor aqui */
border-radius: 10px;
z-index: 1;
opacity: 0;
transition: background 0.3s ease;
}
@media(max-width: 767px){
selector .elementor-field-group:before {
filter: blur(10px);
width: 40%;
}
}
selector .elementor-field-group:hover:before {
opacity: 1 !important;
}
selector .elementor-field{
border-radius: 10px !important;
overflow: hidden;
z-index: 2;
}
selector .elementor-field-type-submit:before{
content: "";
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0%;
height: 0%;
background: transparent !important;
border-radius: 10px;
z-index: -1;
}