/* WhatsApp Button Component */
.whatsapp-button {
    @apply inline-flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white font-medium rounded-lg transition-colors duration-200;
}

.whatsapp-button:hover {
    @apply bg-green-700;
}

.whatsapp-button:focus {
    @apply outline-none ring-2 ring-green-500 ring-offset-2;
}

.whatsapp-button svg {
    @apply w-5 h-5 mr-2;
}

.whatsapp-button--floating {
    @apply fixed bottom-4 right-4 z-50 shadow-lg;
}

.whatsapp-button--floating:hover {
    @apply shadow-xl;
}

.whatsapp-button--card {
    @apply w-full justify-center;
}

/* Animation for floating button */
@keyframes whatsapp-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.whatsapp-button--floating:hover {
    animation: whatsapp-pulse 0.6s ease-in-out;
}