.brand { position:relative; isolation:isolate; justify-content:center; width:60px; height:46px; border:0; border-radius:100px; color:#fff; background:linear-gradient(120deg,#555,#eee,#555); box-shadow:0 1px 2px #0008,0 8px 12px #0003; }
.brand::after { content:''; position:absolute; inset:2px; border-radius:inherit; background:linear-gradient(#202020,#000); z-index:1; pointer-events:none; }
.brand .liquid-metal__surface { z-index:0; }
.brand .brand-label { position:relative; z-index:2; color:#fff; pointer-events:none; }
.brand:hover { box-shadow:0 1px 2px #0008,0 4px 8px #0003; }
.brand:active { transform:translateY(1px) scale(.98); }
.brand:focus-visible { outline:2px solid #fff; outline-offset:4px; }
@media(max-width:700px) { .brand { width:54px; } }
@media(prefers-reduced-motion:reduce) { .brand:active { transform:none; } }