.tabs {
    padding-inline: 0;

    li {
        list-style: none;
        margin: 0;
    }

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 0.25em;
    
    a {
        text-decoration: none;
        display: inline-block;
        padding: 0.25em 0.5em;
        border: 1px solid gray;
        border-radius: 0.5em;

        transition: background-color 0.2s, color 0.2s;

        &.active, &:hover, &:focus {
            background-color: var(--pico-primary);
            color: white;
        }
    }
}