.elementor-1241 .elementor-element.elementor-element-538f3b2{--display:flex;--min-height:100vh;--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;--justify-content:center;--background-transition:0.3s;}.elementor-1241 .elementor-element.elementor-element-4837b41{text-align:center;}.elementor-1241 .elementor-element.elementor-element-445f0ff > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-1241 .elementor-element.elementor-element-445f0ff{text-align:center;color:var( --e-global-color-primary );}.elementor-1241 .elementor-element.elementor-element-d60b235.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-d60b235 *//* Container principal para alinhar o botão e a notificação */
        .copy-container {
            position: relative; /* Necessário para posicionar a notificação */
        }

        /* Estilo do botão de cópia */
        #copy-button {
            background-color: #282828;  /* Cor de fundo do botão */
            color: #C3C3C3;             /* Cor do texto e da tipografia */
            border: 1.5px solid #C3C3C3;   /* Borda com a cor solicitada */
            padding: 12px 24px;
            border-radius: 8px;         /* Bordas arredondadas */
            font-size: 1.2rem;
            cursor: pointer;            /* Muda o cursor para uma "mãozinha" */
            transition: background-color 0.3s ease; /* Efeito suave ao passar o mouse */
        }

        /* Efeito ao passar o mouse sobre o botão */
        #copy-button:hover {
            background-color: #3c3c3c;
        }

        /* Estilo da notificação "Copiado!" */
        #copy-notification {
            position: absolute;
            bottom: 120%; /* Posiciona a notificação acima do botão */
            left: 50%;
            transform: translateX(-50%); /* Centraliza a notificação horizontalmente */
            background-color: #252525;
            color: #ffffff;
            padding: 8px 16px;
            border-radius: 5px;
            
            /* Começa invisível e se torna visível com a classe 'show' */
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s ease;
            
            /* Impede que a notificação bloqueie cliques */
            pointer-events: none; 
        }

        /* Classe que o JavaScript adiciona para mostrar a notificação */
        #copy-notification.show {
            opacity: 1;
            visibility: visible;
        }
    </style>/* End custom CSS */