.announcement{display:grid;grid-template-columns:140px minmax(0,1fr) 140px;gap:12px;padding:3px 20px}
.announcement-message{grid-column:2;display:flex;align-items:center;justify-content:center;gap:28px;text-align:center}
.header-socials{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:4px}
.announcement .header-socials a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#d8dde5;border-radius:5px;transition:color .15s,background .15s}
.header-socials svg{display:block;flex-shrink:0}
.announcement .header-socials a:hover{color:#fff;background:#ffffff20}
.header-socials a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:900px){.announcement{grid-template-columns:minmax(0,1fr) auto;padding-inline:12px}.announcement-message{grid-column:1;font-size:9px}.header-socials{grid-column:2}.announcement-message>a{display:none}}
@media(max-width:420px){.header-socials{gap:0}.announcement .header-socials a{width:28px}.announcement-message{font-size:8px;letter-spacing:.03em}}
@media(prefers-reduced-motion:reduce){.announcement .header-socials a{transition:none}}