.brand-actions{display:flex;align-items:center;gap:24px}
.x-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-width:42px;min-height:42px;padding:10px 13px;border:1px solid #ffffff60;border-radius:3px;color:#fff;background:#203e584d;box-shadow:inset 0 1px #ffffff18;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap;transition:background .15s ease,border-color .15s ease}
.x-button:hover{color:#fff;text-decoration:none;background:#203e58a3;border-color:#ffffffa6}
.x-button:focus-visible{outline:2px solid #ffc88b;outline-offset:4px}
.x-button svg{display:block;flex-shrink:0}
@media(max-width:900px){.brand-actions{gap:14px}}
@media(max-width:600px){.brand-actions{gap:0}.x-button{padding:11px}.x-button span{display:none}}
@media(prefers-reduced-motion:reduce){.x-button{transition:none}}