.social-brand-icon-wrap { position: relative; display: block; width: 1.35rem; height: 1.35rem; flex-shrink: 0; } .social-brand-icon-wrap.social-brand-icon--sm { width: 1.1rem; height: 1.1rem; } .social-brand-icon-wrap.social-brand-icon--md { width: 1.75rem; height: 1.75rem; } .social-brand-icon-wrap.social-brand-icon--lg { width: 1.45rem; height: 1.45rem; } .social-brand-icon-wrap::before { content: ""; position: absolute; inset: 0; background-color: var(--footer-gold-bright, #f0d878); -webkit-mask-image: var(--social-mask); mask-image: var(--social-mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; transition: opacity 0.22s ease; } .social-brand-icon { display: block; width: 100%; height: 100%; object-fit: contain; transition: opacity 0.22s ease, transform 0.22s ease; } .social-brand-icon-wrap .social-brand-icon--brand { position: relative; opacity: 0; } .social-brand-icon-wrap:has(.social-brand-icon--rubika)::before { opacity: 0; } .social-brand-icon-wrap .social-brand-icon--rubika { opacity: 1; } .elco-footer--premium__social a:hover .social-brand-icon--rubika, .contact-side__social a:hover .social-brand-icon--rubika, .site-footer__social a:hover .social-brand-icon--rubika, .social-brand-link:hover .social-brand-icon--rubika { transform: scale(1.06); } .site-footer__social a:hover .social-brand-icon-wrap::before, .contact-side__social a:hover .social-brand-icon-wrap::before, .social-brand-link:hover .social-brand-icon-wrap::before, .elco-footer--premium__social a:hover .social-brand-icon-wrap::before { opacity: 0; } .site-footer__social a:hover .social-brand-icon--brand, .contact-side__social a:hover .social-brand-icon--brand, .social-brand-link:hover .social-brand-icon--brand, .elco-footer--premium__social a:hover .social-brand-icon--brand { opacity: 1; transform: scale(1.06); } .adm-settings-page .social-brand-icon, .admin-settings-page .social-brand-icon { width: 1.35rem; height: 1.35rem; filter: none; opacity: 1; } .adm-settings-page .social-brand-icon--md, .admin-settings-page .social-brand-icon--md { width: 1.75rem; height: 1.75rem; } .adm-settings-page .social-brand-icon--x, .admin-settings-page .social-brand-icon--x { filter: brightness(0); } .site-footer__social a:hover .social-brand-icon--x, .contact-side__social a:hover .social-brand-icon--x, .elco-footer--premium__social a:hover .social-brand-icon--x { filter: brightness(0) invert(1); } html[data-color-scheme="light"] .social-brand-icon-wrap::before { background-color: #0f1a32; } html[data-color-scheme="light"] .social-brand-icon-wrap:has(.social-brand-icon--x)::before { background-color: #0f1a32; } html[data-color-scheme="light"] .social-brand-link--labeled { color: #0f1a32; } html[data-color-scheme="light"] .social-brand-link--labeled:hover { background: rgba(15, 26, 50, 0.06); } html[data-color-scheme="light"] .contact-side__social a:hover .social-brand-icon--x, html[data-color-scheme="light"] .elco-footer--premium__social a:hover .social-brand-icon--x, html[data-color-scheme="light"] .site-footer__social a:hover .social-brand-icon--x, html[data-color-scheme="light"] .social-brand-link:hover .social-brand-icon--x { filter: brightness(0); } .social-brand-link--labeled { display: flex; align-items: center; gap: 0.5rem; min-width: 0; padding: 0.55rem 0.4rem; border-radius: 10px; color: var(--footer-gold-bright, #f0d878); text-decoration: none; font-weight: 600; font-size: 0.8125rem; transition: background 0.2s ease, transform 0.2s ease; } .social-brand-link--labeled:hover { background: rgba(212, 175, 55, 0.08); transform: translateY(-1px); } .social-brand-link__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }