@layer components{.tradelinks{display: flex;flex-wrap: wrap;gap: 0.5rem;margin: 0;padding: 0;list-style: none;max-inline-size: none}.tradelinks a{display: inline-flex;align-items: center;gap: 0.5rem;min-block-size: 2.75rem;padding-inline: 1.125rem;border-radius: var(--radius-pill);background: var(--c-raised-1);box-shadow: inset 0 0 0 1px var(--edge);font-family: var(--font-ui);font-size: var(--step--1);letter-spacing: -0.01em;color: var(--c-bone);text-decoration: none;transition: color var(--dur-hover) var(--ease-out-soft),box-shadow var(--dur-hover) var(--ease-out-soft),transform var(--dur-press) var(--ease-out-soft)}@media (hover: hover){.tradelinks a:hover{color: var(--c-lilac);box-shadow: inset 0 0 0 1px var(--edge-violet)}}.tradelinks a:active{transform: scale(0.97)}.tradelinks .icon{inline-size: 1rem;block-size: 1rem}.tradelinks__all a{background: transparent;color: var(--c-lilac);box-shadow: inset 0 0 0 1px color-mix(in oklch,var(--c-violet) 45%,transparent)}}