.social-icon{height:20px;width:20px}.social-links{display:flex;flex-direction:column;gap:12px}.social-links__item{--brand-rgb:var(--primary-rgb);align-items:center;background-color:var(--light);border:1px solid var(--border-color);border-radius:var(--global-radius,14px);color:var(--color-main);display:flex;gap:16px;padding:14px 18px;position:relative;transition:var(--transition)}.social-links__item:hover{background-color:rgb(var(--brand-rgb)/5%);border-color:rgb(var(--brand-rgb)/45%);text-decoration:none;transform:translateY(-2px)}.social-links__item:hover .social-links__icon{transform:scale(1.06)}.social-links__item:hover .social-links__arrow{opacity:1;transform:translate(2px,-2px)}.social-links__item:focus-visible{border-color:rgb(var(--brand-rgb)/60%);box-shadow:0 0 0 3px rgb(var(--brand-rgb)/18%);outline:none}.social-links__item--facebook{--brand-rgb:24 119 242}.social-links__item--instagram{--brand-rgb:214 41 118;--brand-bg:linear-gradient(45deg,#f9ce34,#ee2a7b 55%,#6228d7)}.social-links__item--youtube{--brand-rgb:255 0 0}.social-links__item--telegram{--brand-rgb:34 158 217}.social-links__item--tiktok{--brand-rgb:37 244 238;--brand-bg:linear-gradient(135deg,#25f4ee 10%,#101010 45%,#fe2c55 90%)}.social-links__item--x{--brand-rgb:16 16 16}.social-links__item--linkedin{--brand-rgb:10 102 194}.social-links__item--spotify{--brand-rgb:30 215 96}.social-links__icon{align-items:center;background:var(--brand-bg,rgb(var(--brand-rgb)/100%));border-radius:var(--global-radius,999px);color:rgb(var(--on-dark-rgb)/100%);display:flex;flex-shrink:0;height:42px;justify-content:center;transition:var(--transition);width:42px}.social-links__text{display:flex;flex-direction:column;min-width:0}.social-links__title{font-size:16px;font-weight:600;line-height:1.3}.social-links__handle{color:var(--color-minor);font-size:14px;overflow-wrap:anywhere}.social-links__arrow{color:var(--color-minor);flex-shrink:0;margin-left:auto;opacity:.5;transition:var(--transition)}.social-links--compact{flex-direction:row;flex-wrap:wrap;gap:10px}.social-links--compact .social-links__item{background-color:transparent;border:none;padding:0}.social-links--compact .social-links__icon{height:38px;width:38px}[dir=rtl] .social-links__arrow{margin-left:0;margin-right:auto;transform:scaleX(-1)}[dir=rtl] .social-links__item:hover .social-links__arrow{transform:scaleX(-1) translate(2px,-2px)}