.special_button {  
    height: 30px;
    width: 30px;
    margin: 0;
    padding: 0;
    line-height: 23px;
    font-size: 25px !important;
    font-weight: var(--global_font_weight_4);
    text-align: center;
    position: absolute !important;
    z-index: 2;
    background: #000000;
    border-radius: 100%;
}

.circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.circle::before,
.circle::after,
.circle {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
   background: #222222;
    animation: pulse 5s linear infinite;
}

.circle::before {
    animation-delay: -6s;
}

.circle::after {
    animation-delay: -2s;
}

@keyframes pulse {
    0% {
        width: 50px;
        height: 50px;
        opacity: 1;
    }
    100% {
        width: 400px;
        height: 400px;
        opacity: 0;
    }
}
/* Aplicando delays diferentes para múltiplos botões */
.special_button:nth-child(3n+1) .circle,
.special_button:nth-child(3n+1) .circle::before,
.special_button:nth-child(3n+1) .circle::after {
    animation-delay: -2s, -4s, -6s;
}

.special_button:nth-child(3n+2) .circle,
.special_button:nth-child(3n+2) .circle::before,
.special_button:nth-child(3n+2) .circle::after {
    animation-delay: -4s, -6s, -8s;
}

.special_button:nth-child(3n+3) .circle,
.special_button:nth-child(3n+3) .circle::before,
.special_button:nth-child(3n+3) .circle::after {
    animation-delay: -8s, -10s, -12s;
}
.special_button a {  
    color: #fff !important;
}
.button-link {
  position: relative;
  z-index: 2;
  /* Adicione estilos adicionais para o botão aqui */
}

.tooltip-text {
  /* Estilos para o tooltip */
}

.tooltip {
            position: relative; /* Necessário para posicionar o tooltip */
            display: inline-block; /* Para que o tooltip apareça ao lado do elemento */
            cursor: pointer; /* Para indicar que é interativo */
        }

        .tooltip .tooltip-text {
            visibility: hidden; /* Inicialmente invisível */
            width: 150px; /* Largura do tooltip */
            background-color: var(--global_cor_background_4); /* Cor de fundo do tooltip */
            color: var(--global_cor_1); /* Cor do texto */
            text-align: center; /* Centraliza o texto */
            padding: 5px 10px 10px 10px; /* Espaçamento interno */
            border-radius: 5px; /* Cantos arredondados */
            position: absolute; /* Posiciona o tooltip */
            z-index: 1; /* Garante que o tooltip fique acima de outros elementos */
            bottom: 125%; /* Posiciona acima do elemento */
            left: 50%; /* Centraliza horizontalmente */
            transform: translateX(-50%); /* Ajusta a posição */
            opacity: 0; /* Inicialmente invisível */
            transition: opacity 0.3s; /* Efeito de transição */
            font-size: 13px;
        }

        .tooltip .tooltip-text span.um {
            font-weight: var(--global_font_weight_8);
            float: left;
            width: 100%;
            text-align: center;
            height: 20px;
        }
        .tooltip .tooltip-text span.dois {
            font-weight: var(--global_font_weight_4);
              float: left;
              width: 100%;
              text-align: center;
            height: 20px;
        }

        .tooltip:hover .tooltip-text {
            visibility: visible; /* Torna o tooltip visível ao passar o mouse */
            opacity: 1; /* Torna o tooltip totalmente visível */
        }