.extended-size-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    gap: var(--gutter-s);
    margin: 0;
}

.extended-size-item {
    width: auto;
}

.extended-size-btn {
    background: none;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    border-radius: 4px;
    border: 1px solid var(--clr-neutral-60);
    height: 4.6rem;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font: var(--font-body);
    font-weight: var(--fw-medium);
    text-decoration: none;
    padding: 1rem 1.5rem;
}

.extended-size-btn:hover,
.extended-size-btn.active
 {
    border-color: var(--clr-black);
    text-decoration: none;
    outline: 1px solid var(--clr-black);
}

.extended-size-btn:hover,
.extended-size-btn:active {
    text-decoration: none;
}

a.extended-size-btn:hover, 
a.extended-size-btn:focus-visible {
    border-color: var(--clr-black);
    color: var(--clr-black);
}