.swatch-collection-page {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.swatch-collection-page a {
    width: 3.2rem;
    border-radius: 50%;
    border: solid 2px transparent;
    overflow: hidden;


}

.swatch-collection-page a:hover {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.4);
}

.swatch-collection-page a:active, .swatch-collection-page a:focus {
    outline: 0.1rem solid rgb(var(--color-foreground));
}