.chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4) var(--space-12);
    background: var(--color-faded-cooper-500);
    color: var(--text-on-accent);
    text-decoration: none;
    transition: background var(--duration-base) var(--ease-out);
}

a.chip:hover {
    background: var(--color-faded-cooper-600);
}