.whatsapp-button {
    position: fixed;
    bottom: var(--space-md);
    right: var(--space-md);
    z-index: 999;

    padding: var(--space-sm);

    background-color: var(--color-primary);
    border: none;
    border-radius: var(--radius-md);

    cursor: pointer;
}

.whatsapp-button:hover,
.whatsapp-button:focus {
    background-color: var(--color-primary-hover);
}

.whatsapp-button-icon {
    fill: var(--color-bg);
    width: calc(var(--font-size-lg) * 1.5);
}