.vyn-whatsapp-button {
    align-items: center;
    background: var(--vyn-whatsapp-color, #25d366);
    border-radius: 999px;
    bottom: 99px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
    color: #fff;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    height: 50px;
    width: 50px;
    min-width: 50px;
    right: 20px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: fixed;
    box-sizing: border-box;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease;
    z-index: 9998;
}

.vyn-whatsapp-button:hover,
.vyn-whatsapp-button:focus-visible {
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
    color: #fff;
    text-decoration: none;
    transform: translateY(-4px) scale(1.06);
}

.vyn-whatsapp-icon {
    display: block;
    fill: currentColor;
    flex: 0 0 26px;
    height: 26px;
    width: 26px;
    transition: transform .25s ease;
}

.vyn-whatsapp-button:hover .vyn-whatsapp-icon,
.vyn-whatsapp-button:focus-visible .vyn-whatsapp-icon {
    transform: rotate(-8deg) scale(1.08);
}

@media (max-width: 575px) {
    .vyn-whatsapp-button {
        bottom: 99px;
        right: 20px;
        height: 50px;
        width: 50px;
        min-width: 50px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vyn-whatsapp-button,
    .vyn-whatsapp-icon {
        transition: none;
    }
}