/* ======================================================
   Floating support button
   ====================================================== */

.wd-support {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 60px;
    height: 60px;
    border-radius: var(--radius-circle);
    background: var(--brass);
    color: var(--ink-deep);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    box-shadow:
        0 16px 40px -8px rgba(var(--brass-rgb), .5),
        0 0 0 0 rgba(var(--brass-rgb), .4);
    transition: all .35s ease;
    text-decoration: none;
    animation: wdPulse 2.5s ease-out infinite;
}

.wd-support:hover {
    transform: scale(1.08);
    background: var(--cream);
    color: var(--ink-deep);
}

.wd-support svg {
    width: 28px;
    height: 28px;
}

@keyframes wdPulse {
    0% { box-shadow: 0 16px 40px -8px rgba(var(--brass-rgb), .5), 0 0 0 0 rgba(var(--brass-rgb), .5); }
    70% { box-shadow: 0 16px 40px -8px rgba(var(--brass-rgb), .5), 0 0 0 20px rgba(var(--brass-rgb), 0); }
    100% { box-shadow: 0 16px 40px -8px rgba(var(--brass-rgb), .5), 0 0 0 0 rgba(var(--brass-rgb), 0); }
}