.lz-social-follow {
    --lz-follow-ink: #034833;
    --lz-follow-accent: #83cd20;
    position: fixed;
    left: max(24px, env(safe-area-inset-left));
    bottom: calc(24px + env(safe-area-inset-bottom));
    z-index: 990;
    box-sizing: border-box;
    width: 304px;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 40px);
    overflow: auto;
    padding: 24px;
    border: 1px solid rgba(3, 72, 51, .09);
    border-radius: 24px;
    background: #fcfdf9;
    color: var(--lz-follow-ink);
    box-shadow: 0 16px 48px rgba(0, 35, 24, .14), 0 2px 8px rgba(0, 35, 24, .04);
    direction: rtl;
    text-align: right;
    isolation: isolate;
    animation: lz-follow-enter .45s cubic-bezier(.2, .8, .2, 1) both;
}
.lz-social-follow[hidden] { display: none !important; }
.lz-social-follow__close {
    position: absolute;
    left: 10px;
    top: 10px;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #8a9890;
    cursor: pointer;
    transition: background .2s, color .2s;
}
.lz-social-follow__close:hover { background: #edf2e8; color: var(--lz-follow-ink); }
.lz-social-follow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.lz-social-follow__eyebrow { display: flex; align-items: center; gap: 7px; padding-left: 28px; color: #6a7a6d; font-size: 12px; font-weight: 500; line-height: 20px; }
.lz-social-follow__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--lz-follow-accent); box-shadow: 0 0 0 4px #83cd2014; }
.lz-social-follow .lz-social-follow__title { margin: 0 0 16px; padding-left: 24px; font-family: inherit; color: var(--lz-follow-ink); font-size: 18px; font-weight: 800; line-height: 1.65; letter-spacing: -.5px; }
.lz-social-follow .lz-social-follow__message { margin: 0 0 20px; color: #778378; font-size: 14px; font-weight: 400; line-height: 1.95; }
.lz-social-follow__links { display: grid; gap: 8px; }
.lz-social-follow__link {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 16px;
    background: var(--lz-follow-ink);
    color: #fff;
    text-decoration: none;
    transition: background .2s, transform .2s, box-shadow .2s;
}
.lz-social-follow__link:hover { background: #075c42; color: #fff; transform: translateY(-2px); box-shadow: 0 6px 16px #03483318; }
.lz-social-follow__icon { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border: 1px solid #ffffff14; border-radius: 12px; background: #ffffff0d; color: var(--lz-follow-accent); }
.lz-social-follow__icon svg { width: 22px; height: 22px; }
.lz-social-follow__label { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 3px; font-size: 14px; font-weight: 700; line-height: 1.5; }
.lz-social-follow__label small { color: #c4d9cc; font-size: 12px; font-weight: 400; }
.lz-social-follow__arrow { display: grid; place-items: center; flex: 0 0 24px; color: #c4d9cc; }
.lz-social-follow__arrow svg { width: 17px; height: 17px; }
.lz-social-follow a:focus-visible, .lz-social-follow button:focus-visible { outline: 3px solid var(--lz-follow-accent); outline-offset: 3px; }
@keyframes lz-follow-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 575px) {
    .lz-social-follow { left: max(16px, env(safe-area-inset-left)); bottom: calc(16px + env(safe-area-inset-bottom)); width: 280px; padding: 20px; border-radius: 22px; }
    .lz-social-follow .lz-social-follow__title { font-size: 16px; }
    .lz-social-follow .lz-social-follow__message { margin-bottom: 16px; }
    .lz-social-follow__link { min-height: 62px; padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .lz-social-follow { animation: none; }
    .lz-social-follow__link, .lz-social-follow__close { transition: none; }
    .lz-social-follow__link:hover { transform: none; }
}
