.kxm-pdp .kxm-pdp-size-attribute .configurable-swatch-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kxm-pdp .kxm-pdp-size-attribute .configurable-swatch-list > li {
    width: auto;
    margin: 0;
}

.kxm-pdp .kxm-pdp-size-attribute .swatch-link {
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 10px !important;
    border: 1px solid var(--kxm-v4-line-strong);
    border-radius: 0;
    background: var(--kxm-v4-white);
    color: var(--kxm-v4-ink);
}

.kxm-pdp .kxm-pdp-size-attribute .swatch-label {
    height: 42px !important;
    padding: 0 !important;
    background: transparent;
    font-weight: 700;
    line-height: 42px !important;
}

.kxm-pdp .kxm-pdp-size-attribute .selected .swatch-link,
.kxm-pdp .kxm-pdp-size-attribute .selected .swatch-link:is(:hover, :focus-visible) {
    border-color: var(--kxm-v4-ink);
    background: var(--kxm-v4-ink);
    color: var(--kxm-v4-white);
}

.kxm-pdp .kxm-pdp-size-attribute .not-available .swatch-link,
.kxm-pdp .kxm-pdp-size-attribute .swatch-link.not-available {
    border-color: var(--kxm-v4-line);
    background: var(--kxm-v4-white);
    color: var(--kxm-v4-ink-muted);
    text-decoration: line-through;
    opacity: 1;
}

.kxm-pdp .kxm-pdp-size-attribute .not-available .swatch-label {
    text-decoration: line-through;
}

.kxm-pdp .kxm-pdp-size-attribute .swatch-link:focus-visible,
.kxm-pdp [data-kxm-main-cta]:focus-visible,
.kxm-pdp [data-kxm-sticky-cta]:focus-visible {
    outline: 2px solid var(--kxm-v4-blue);
    outline-offset: 3px;
}

.kxm-pdp .kxm-pdp-buy-area [data-kxm-main-cta],
.kxm-pdp .kxm-pdp-sticky-buy .btn-cart {
    min-height: var(--kxm-v4-touch);
    border: 1px solid var(--kxm-v4-blue) !important;
    border-radius: 0;
    background: var(--kxm-v4-blue) !important;
    color: var(--kxm-v4-on-blue) !important;
    font-weight: 700;
}

.kxm-pdp .kxm-pdp-buy-area [data-kxm-main-cta]:hover,
.kxm-pdp .kxm-pdp-sticky-buy [data-kxm-sticky-submit]:hover {
    border-color: var(--kxm-v4-blue-dark) !important;
    background: var(--kxm-v4-blue-dark) !important;
    color: var(--kxm-v4-on-blue) !important;
}

.kxm-pdp .kxm-pdp-buy-area [data-kxm-main-cta] > span,
.kxm-pdp .kxm-pdp-sticky-buy [data-kxm-sticky-submit] > span {
    background: transparent;
    color: inherit;
}