.tabs {
    @apply flex flex-row gap-0 items-center justify-start p-2 gap-1;

    &.tabs--vertical {
        @apply flex-col items-start;
    }

    li {
        @apply flex flex-col w-full rounded-md;

        button {
            &:hover {
                @apply bg-cyan-100;
            }
        }
    }
}
