.whatsapp-support {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 1030;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-sizing: border-box;
    width: calc(48px + env(safe-area-inset-right, 0px));
    min-height: 168px;
    margin: 0;
    padding: 18px calc(12px + env(safe-area-inset-right, 0px)) 18px 12px;
    border: 0;
    border-radius: 8px 0 0 8px;
    background: #168b45;
    color: #fff;
    box-shadow: -4px 4px 20px rgb(15 73 36 / 18%);
    font: 600 13px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
    letter-spacing: 0.4px;
    text-decoration: none;
    transform: translateY(-50%);
    transition: background-color 160ms ease, box-shadow 160ms ease;
    -webkit-tap-highlight-color: transparent;
}

.whatsapp-support:visited {
    color: #fff;
}

.whatsapp-support:hover,
.whatsapp-support:focus-visible {
    background: #116f37;
    color: #fff;
    text-decoration: none;
    box-shadow: -4px 4px 24px rgb(15 73 36 / 26%);
}

.whatsapp-support:focus-visible {
    outline: 3px solid #103c2b;
    outline-offset: 3px;
}

.whatsapp-support__label {
    white-space: nowrap;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.whatsapp-support__icon {
    display: block;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

@media (max-width: 575.98px) {
    .whatsapp-support {
        width: calc(44px + env(safe-area-inset-right, 0px));
        min-height: 148px;
        padding: 14px calc(10px + env(safe-area-inset-right, 0px)) 14px 10px;
        gap: 10px;
        font-size: 12px;
    }
}

@media (max-height: 420px) {
    .whatsapp-support {
        min-height: 128px;
        padding-top: 10px;
        padding-bottom: 10px;
        gap: 8px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .whatsapp-support {
        transition: none;
    }
}

@media print {
    .whatsapp-support {
        display: none;
    }
}