* {
            box-sizing: border-box;
        }

        /* Container geral */
        .whatsapp-menu {
            position: fixed;
            right: 20px;
            bottom: 20px;
            z-index: 9999;
            font-family: Arial, sans-serif;
        }

        /* Checkbox utilizado para abrir/fechar */
        .whatsapp-toggle {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        /* Botão principal */
        .whatsapp-main {
            width: 60px;
            height: 60px;

            display: flex;
            align-items: center;
            justify-content: center;

            border-radius: 50%;
            background: #25d366;
            color: #fff;

            cursor: pointer;

            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);

            transition:
                transform 0.3s ease,
                background 0.3s ease;
        }

        .whatsapp-main:hover {
            background: #1ebe5d;
            transform: scale(1.05);
        }

        .whatsapp-main svg {
            width: 32px;
            height: 32px;
            fill: currentColor;
        }

        /* Lista dos contatos */
        .whatsapp-options {
            position: absolute;
            right: 0;
            bottom: 70px;

            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 8px;

            pointer-events: none;
        }

        /* Cada item */
        .whatsapp-item {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 8px;

            opacity: 0;
            visibility: hidden;

            transform: translateY(15px) scale(0.85);

            transition:
                opacity 0.3s ease,
                transform 0.3s ease,
                visibility 0.3s ease;
        }

        /* Legenda */
        .whatsapp-label {
            display: block;

            padding: 7px 11px;

            background: #fff;
            color: #333;

            font-size: 13px;
            font-weight: 600;
            line-height: 1;

            text-decoration: none;
            white-space: nowrap;

            border-radius: 5px;

            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);

            transition:
                background 0.2s ease,
                color 0.2s ease;
        }

        /* Hover diretamente na legenda */
        .whatsapp-label:hover {
            background: #1ebe5d;
            color: #fff;
        }

        /* Botões secundários
           Botão principal: 60px de diâmetro / 30px de raio
           Botões secundários: 54px de diâmetro / 27px de raio */
        .whatsapp-button {
            width: 54px;
            height: 54px;

            display: flex;
            align-items: center;
            justify-content: center;

            flex-shrink: 0;

            background: #25d366;
            color: #fff;

            border-radius: 50%;
            text-decoration: none;

            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);

            transition:
                background 0.2s ease,
                transform 0.2s ease;
        }

        .whatsapp-button:hover {
            background: #1ebe5d;
            transform: scale(1.08);
        }

        .whatsapp-button svg {
            width: 55%;
            height: 55%;
            fill: currentColor;
        }

        /* Ao passar o mouse no botão,
           a legenda correspondente também muda de cor */
        .whatsapp-item:has(.whatsapp-button:hover) .whatsapp-label {
            background: #1ebe5d;
            color: #fff;
        }

        /* Quando o checkbox estiver marcado */
        .whatsapp-toggle:checked ~ .whatsapp-options {
            pointer-events: auto;
        }

        .whatsapp-toggle:checked ~ .whatsapp-options .whatsapp-item {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) scale(1);
        }

        /* Pequeno efeito em cascata */
        .whatsapp-toggle:checked
        ~ .whatsapp-options
        .whatsapp-item:nth-child(1) {
            transition-delay: 0.05s;
        }

        .whatsapp-toggle:checked
        ~ .whatsapp-options
        .whatsapp-item:nth-child(2) {
            transition-delay: 0.10s;
        }

        .whatsapp-toggle:checked
        ~ .whatsapp-options
        .whatsapp-item:nth-child(3) {
            transition-delay: 0.15s;
        }

        /* Gira levemente o botão principal quando aberto */
        .whatsapp-toggle:checked ~ .whatsapp-main {
            transform: rotate(8deg);
        }

        /* Acessibilidade pelo teclado */
        .whatsapp-toggle:focus-visible ~ .whatsapp-main {
            outline: 3px solid rgba(37, 211, 102, 0.4);
            outline-offset: 4px;
        }

        /* Reduz animações se o usuário preferir */
        @media (prefers-reduced-motion: reduce) {
            .whatsapp-main,
            .whatsapp-item,
            .whatsapp-button,
            .whatsapp-label {
                transition: none;
            }
        }