.glass-svg { position: relative; background: rgba(255, 255, 255, 0.18) !important; /* Frost ≈ 19 → умеренный blur */ backdrop-filter: blur(11px) saturate(165%) brightness(1.05); -webkit-backdrop-filter: blur(11px) saturate(165%) brightness(1.05); /* Depth + Reflection + Dispersion имитация через тени и градиенты */ border: 1px solid rgba(255, 255, 255, 0.38); /* Основной блик под углом –22° и интенсивностью 80% */ box-shadow: /* внешняя тень */ 0 12px 40px rgba(0, 0, 0, 0.15), /* светлый край (Reflection + Light) */ inset 1px 1px 0 rgba(255, 255, 255, 0.55), inset -1px -1px 0 rgba(255, 255, 255, 0.12), /* направленный блик (Light Angle –22°) */ inset 12px 8px 24px rgba(255, 255, 255, 0.28), /* лёгкий хроматический эффект (Dispersion 100) */ 0 0 0 1px rgba(255, 180, 220, 0.15), 0 0 0 2px rgba(120, 200, 255, 0.08); } /* Дополнительный слой блика (Splay + Intensity) */ .glass-svg::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 158deg, /* –22° ≈ 158° в CSS */ rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.12) 28%, transparent 55% ); pointer-events: none; mix-blend-mode: soft-light; opacity: 0.8; /* Light intensity 80% */ }