Найекстремальніший

/* відступи */ #sidebar #sb-cta{ padding-top:15px; display:grid; gap:12px; margin:12px 12px 18px; -webkit-tap-highlight-color: transparent; font-family: inherit; } /* імпортанти */ #sidebar #sb-cta a.sb-btn:link, #sidebar #sb-cta a.sb-btn:visited, #sidebar #sb-cta a.sb-btn:hover, #sidebar #sb-cta a.sb-btn:active{ color:#fff !important; text-decoration:none !important; } /* Базовий вигляд кнопок */ #sidebar #sb-cta .sb-btn{ display:flex; align-items:center; gap:.65rem; width:100%; padding:.9rem 1rem !important; border-radius:14px !important; box-shadow:0 6px 16px rgba(0,0,0,.35); transition:transform .08s ease, box-shadow .2s ease, filter .2s ease; overflow:hidden; line-height:1.15; font-size: .98rem; } /* стиль кнопок */ #sidebar #sb-cta .sb-btn--tg{ background:linear-gradient(135deg,#2AABEE,#229ED9); } #sidebar #sb-cta .sb-btn--dl{ background:linear-gradient(135deg,#00C853,#00BFA5); } /* Внутрішні елементи */ #sidebar #sb-cta .sb-btn__icon{ display:grid; place-items:center; flex:0 0 auto; opacity:.95; } #sidebar #sb-cta .sb-btn__text{ display:flex; flex-direction:column; } #sidebar #sb-cta .sb-btn__text small{ font-size:.8rem; color:rgba(255,255,255,.92) !important; opacity:.95; } #sidebar #sb-cta .sb-btn__arrow{ margin-left:auto; font-weight:700; opacity:.9; } /* Ховери/фокус */ @media (hover:hover){ #sidebar #sb-cta .sb-btn:hover{ filter:brightness(1.05); transform: translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.45); } } #sidebar #sb-cta .sb-btn:focus{ outline:none; box-shadow: 0 0 0 .15rem rgba(202,86,63,.25), 0 0 0 .33rem rgba(0,0,0,.15), 0 10px 24px rgba(0,0,0,.45); } #sidebar #sb-cta .sb-btn:active{ transform:translateY(0); } /* SVG вирівнювання */ #sidebar #sb-cta svg{ display:block; } /* Мобільна адаптація */ @media (max-width: 760px){ #sidebar #sb-cta{ margin:10px 8px 16px; gap:10px; } #sidebar #sb-cta .sb-btn{ padding:.75rem .85rem !important; border-radius:12px !important; font-size:.96rem; } #sidebar #sb-cta .sb-btn__text small{ display:none; } } #sidebar #sb-cta.sb-compact .sb-btn{ padding:.7rem .8rem !important; } #sidebar #sb-cta.sb-compact .sb-btn__text small{ display:none; } Клуб Любителів Кіно затишний телеграм канал про кіно ↗ Завантажити додаток Android • Smart TV • ПК