.elementor-92 .elementor-element.elementor-element-2a8ded15{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-92 .elementor-element.elementor-element-1a483e80{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-1a483e80:not(.elementor-motion-effects-element-type-background), .elementor-92 .elementor-element.elementor-element-1a483e80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0C0C;}.elementor-92 .elementor-element.elementor-element-624f94e3{--display:flex;--min-height:340px;--border-radius:20px 20px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-624f94e3:not(.elementor-motion-effects-element-type-background), .elementor-92 .elementor-element.elementor-element-624f94e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://criativiarte.com.br/wp-content/uploads/2025/05/Portfolio205_converted.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-92 .elementor-element.elementor-element-3dc1c3a7{--display:flex;--border-radius:0px 0px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:20px;--padding-left:43px;--padding-right:43px;}.elementor-92 .elementor-element.elementor-element-3dc1c3a7:not(.elementor-motion-effects-element-type-background), .elementor-92 .elementor-element.elementor-element-3dc1c3a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0C0C;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-92 .elementor-element.elementor-element-61925692{text-align:center;}.elementor-92 .elementor-element.elementor-element-61925692 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:25px;font-weight:600;font-style:normal;color:#FFFFFF;}.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-92 .elementor-element.elementor-element-28eb448.elementor-element{--align-self:center;}.elementor-92 .elementor-element.elementor-element-28eb448 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-92 .elementor-element.elementor-element-28eb448 .elementor-button{font-family:"Kumbh Sans", Sans-serif;letter-spacing:3.5px;}@media(max-width:767px){.elementor-92 .elementor-element.elementor-element-624f94e3{--border-radius:20px 20px 20px 20px;}.elementor-92 .elementor-element.elementor-element-28eb448.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-92 .elementor-element.elementor-element-1a483e80{--width:500px;}}/* Start custom CSS for button, class: .elementor-element-28eb448 */.bth .elementor-button{
    padding: 0.4rem 0.4rem 0.4rem 2rem !important;
    border-radius: 55px !important;
    background: linear-gradient(92deg, #009891 -3.01%, #00E9DF 95.31%) !important; /*Gradiente do BG*/
}

.bth .elementor-button-text{
align-self: center;
}

.bth .elementor-button-icon{ /*Tamanho do ícone*/
font-size: 19px !important;
padding: 10px;
margin-left: 10px;
background: white;
border-radius: 200px;
color: black !important;
vertical-align: middle;
rotate: -45deg;
transition: 0.5s ease all
}

.bth .elementor-button-icon svg path{
    rotate: 0deg;
    fill: black !important;
    color: black !important;
    transition: 0.7s ease all;
}

.bth:hover .elementor-button-icon{
    rotate: 0deg;
}


/* Estilo base do botão */
.elementor-button {
    position: relative;
    overflow: hidden;
    transition: all 0.6s ease;
    z-index: 1;
    border: none !important;
    background: #ffffff !important;
}

/* Efeito de gradiente AZUL/CIANO com blur */
.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 0%;
    height: 110%;
    background: linear-gradient(90deg, rgba(0, 233, 223, 0.8) 0%, rgba(0, 200, 200, 0.8) 100%);
    transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: -1;
    filter: blur(8px);
    opacity: 0;
    transform: skewX(-15deg);
}

/* Animação no hover */
.elementor-button:hover::before {
    width: 130%;
    left: -10px;
    opacity: 1;
}

/* Efeitos complementares */
.elementor-button:hover {
    box-shadow: 0 0 25px rgba(0, 233, 223, 0.5);
    transform: translateY(-3px);
}

/* Transição do texto */
.elementor-button-text {
    transition: all 0.5s ease 0.15s;
    position: relative;
}
.elementor-button:hover .elementor-button-text {
    color: white !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}

/* Melhoria para dispositivos móveis */
@media (max-width: 767px) {
    .elementor-button::before {
        filter: blur(5px);
        transition-duration: 0.8s;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a483e80 */.elementor-92 .elementor-element.elementor-element-1a483e80 {
  z-index: 1;
}

.elementor-92 .elementor-element.elementor-element-1a483e80:before {
    content: "";
    position: absolute;
    z-index: 10;
    border-radius: 20px; /* Arredondamento das bordas do pseudo-elemento */
    margin: 0px;
    margin-top: 0px;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1px; /* Espaçamento interno do pseudo-elemento */
    background: linear-gradient(-35deg, #00E9DF, transparent, transparent, #00E9DF); /* Gradiente linear com cor e transparência */
    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0); /* Máscaras para efeitos visuais em navegadores WebKit */
    mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0); /* Máscaras para efeitos visuais em outros navegadores */
    -webkit-mask-composite: xor; /* Efeito de corte na máscara para WebKit */
    mask-composite: exclude; /* Efeito de corte na máscara para outros navegadores */
}/* End custom CSS */