.elementor-1590 .elementor-element.elementor-element-108f44c{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1590 .elementor-element.elementor-element-108f44c:not(.elementor-motion-effects-element-type-background), .elementor-1590 .elementor-element.elementor-element-108f44c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1590 .elementor-element.elementor-element-77e24ad .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-77e24ad.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-1590 .elementor-element.elementor-element-77e24ad .elementor-button{font-size:18px;}}/* Start custom CSS for button, class: .elementor-element-77e24ad *//* Personalize utilizando o Easy Coder*/
:root {
    /* Cor de fundo principal do botão */
    --shiny-cta-bg: #000000;
    /* Cor da borda sutil do botão */
    --shiny-cta-bg-subtle: #1a1818;
    /* Cor do texto do botão */
    --shiny-cta-fg: #ffffff;
    /* Cor do destaque/brilho principal do botão */
    --shiny-cta-highlight: #9B59B6; /* roxo */
    /* Cor do destaque/brilho mais suave */
    --shiny-cta-highlight-subtle: #D2A6E8; /* roxo claro */
}

@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-angle-offset {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-percent {
    syntax: "<percentage>";
    initial-value: 5%;
    inherits: false;
}

@property --gradient-shine {
    syntax: "<color>";
    initial-value: white;
    inherits: false;
}

/* Estilos para dispositivos móveis (largura máxima de 600px) */
@media only screen and (max-width: 600px) {
    .elementor-1590 .elementor-element.elementor-element-77e24ad {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas menores */
        padding: 1.25rem 1.5rem;

        /* Tamanho da fonte do texto */
        font-size: 1.325rem;
        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

/* Estilos para desktops e tablets (largura mínima de 600px) */
@media only screen and (min-width: 600px) {
    .elementor-1590 .elementor-element.elementor-element-77e24ad {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas maiores */
        padding: 1.125rem 4.5rem;

        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

.elementor-1590 .elementor-element.elementor-element-77e24ad::before,
.elementor-1590 .elementor-element.elementor-element-77e24ad::after,
.elementor-1590 .elementor-element.elementor-element-77e24ad span::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    translate: -50% -50%;
    z-index: -1;
}

.elementor-1590 .elementor-element.elementor-element-77e24ad::before {
    /* Define o tamanho do pseudo-elemento */
    --size: calc(100% - var(--shadow-size) * 3);
    /* Posição inicial para o gradiente radial */
    --position: 2px;
    --space: calc(var(--position) * 2);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(
                circle at var(--position) var(--position),
                white calc(var(--position) / 4),
                transparent 0
            ) padding-box;
    background-size: var(--space) var(--space);
    background-repeat: space;
    /* Máscara para o efeito de brilho em rotação */
    mask-image: conic-gradient(
                from calc(var(--gradient-angle) + 45deg),
                black 0%, /* Início da área preta */
                black 9%, /* Fim da área preta antes da transição */
                transparent 10%, /* Início da transição transparente */
                transparent 90%, /* Fim da transição transparente */
                black 91%, /* Início da área preta após a transição */
                black 100% /* Fim da área preta */
            );
    border-radius: inherit;
    opacity: 0.4;
}

.elementor-1590 .elementor-element.elementor-element-77e24ad::after {
    /* Define a animação de brilho secundária */
    --animation: subtle-shine linear infinite;
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(
                -50deg,
                transparent,
                var(--shiny-cta-highlight),
                transparent
            );
    mask-image: radial-gradient(circle at bottom, transparent 40%, black);
    opacity: 0.6;
}

.elementor-1590 .elementor-element.elementor-element-77e24ad span {
    z-index: 1;
    position: relative;
}

.elementor-1590 .elementor-element.elementor-element-77e24ad span::before {
    /* Definindo largura e altura para a área de brilho interno no hover */
    width: 370px;
    height: 90px;
    /* Sombra interna que aparece no hover */
    box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
    opacity: 0;
    transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-1590 .elementor-element.elementor-element-77e24ad:hover,
.elementor-1590 .elementor-element.elementor-element-77e24ad:focus-visible {
    /* Aumenta a largura do brilho no hover */
    --gradient-percent: 20%;
    /* Desloca o ângulo do gradiente no hover */
    --gradient-angle-offset: 95deg;
    /* Altera a cor do brilho mais intenso no hover */
    --gradient-shine: var(--shiny-cta-highlight-subtle);
}



/* Animação para a rotação do gradiente de brilho */
@keyframes rotate-glow {
    to {
        --gradient-angle: 360deg;
    }
}

/* Animação para o efeito de brilho sutil */
@keyframes subtle-shine {
    to {
        transform: rotate(360deg);
    }
}

/* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */
@keyframes pulse-effect {
    50% {
        transform: scale(1.2);
    }
}

.elementor-1590 .elementor-element.elementor-element-77e24ad,
.elementor-1590 .elementor-element.elementor-element-77e24ad::before,
.elementor-1590 .elementor-element.elementor-element-77e24ad::after {
    /* Aplica as animações ao botão e seus pseudo-elementos */
    animation: var(--animation) var(--duration),
               var(--animation) calc(var(--duration) / 0.4) reverse paused;
    animation-composition: add;
}

.elementor-1590 .elementor-element.elementor-element-77e24ad:hover,
.elementor-1590 .elementor-element.elementor-element-77e24ad:hover::before,
.elementor-1590 .elementor-element.elementor-element-77e24ad:hover::after {
    /* Inicia as animações ao passar o mouse */
    animation-play-state: running;
}/* End custom CSS */