.channel-links{gap:var(--sp-2xs);grid-template-columns:repeat(3,minmax(0,1fr));max-width:22rem;display:grid}.channel-links a{border:1px solid var(--line);background:var(--bg-2);font-size:var(--step--3,.68rem);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:center;transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:.55em;padding:1em .5em .9em;font-weight:500;display:flex}.channel-links svg{color:var(--channel,var(--accent));transition:transform var(--dur-fast) var(--ease)}.channel-links a:hover,.channel-links a:focus-visible{border-color:var(--channel,var(--accent));color:var(--fg);background:color-mix(in srgb, var(--channel,var(--accent)) 12%, var(--bg-2));transform:translateY(-2px)}.channel-links a:hover svg{transform:scale(1.08)}