.floating-actions {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    pointer-events: none;
}
.floating-action {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 8px 24px #063d5633;
    pointer-events: auto;
    transition: transform .2s, box-shadow .2s;
}
.floating-action:hover { transform: translateY(-2px); box-shadow: 0 10px 26px #063d5645; }
.floating-action:focus-visible { outline: 3px solid #0076a3; outline-offset: 4px; }
.floating-action svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.floating-action--whatsapp { background: #25d366; }
.floating-action--top { background: #0076a3; }
.floating-action--top svg { width: 24px; height: 24px; stroke-width: 2; }
.js .floating-action--top { display: none; }
.js .floating-action--top.is-visible { display: grid; }
@media (max-width: 700px) {
    .floating-actions { right: 16px; bottom: 16px; gap: 10px; }
    .floating-action { width: 52px; height: 52px; }
    .floating-action svg { width: 26px; height: 26px; }
    .floating-action--top svg { width: 23px; height: 23px; }
}