

.catalog-sku-action__button {
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 9.5px;
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 100%;
    --bs-btn-border-radius: 100px;
    --bs-btn-box-shadow: none;
    --bs-btn-border-width: 1px;

    --bs-btn-focus-box-shadow: none;
    --bs-btn-hover-border-color: transparent;
}

.catalog-sku-action__button--iconized {
    --bs-btn-padding-x: 4px;
    --bs-btn-padding-y: 4px;
    --bs-btn-border-color: #b9b9b9;
    --bs-btn-border-width: 1px;
    --bs-btn-bg: transparent;
    --bs-btn-color: #222222;
    --bs-btn-font-size: 12px;
}

.catalog-sku-action__button--iconized:hover,
.catalog-sku-action__button--iconized:focus,
.catalog-sku-action__button--iconized:focus-visible {
    --bs-btn-hover-border-color: #222222;
}

.catalog-sku-action__button--iconized:active {
}

.catalog-sku-action__button-icon-slot {
    height: 100%;
    aspect-ratio: 1 / 1;
}

.catalog-sku-action__button--iconized .catalog-sku-action__button-text {
    padding: 0 4px;
}

.catalog-sku-action-box[data-action-box-type="compare"] .catalog-sku-action__button-icon-slot {
    border: 1px solid #222222;
    border-radius: 100px;
}

.catalog-sku-action-box[data-action-box-type="favorites"] .catalog-sku-action__button--iconized {
    --bs-btn-padding-x: 0px;
    --bs-btn-padding-y: 0px;
}

.catalog-sku-action-box[data-action-box-type="compare"].active .catalog-sku-action__button-icon-slot {
    --catalog-sku-action-icon-compare-visible: 1;

    background-color: #222222;
}

.catalog-sku-action-box[data-action-box-type="favorites"].active {
    --catalog-sku-action-icon-favorite-fill-color: #222222;
}

@media (min-width: 1200px) {
    .catalog-sku-action__button {
        --bs-btn-padding-y: 12px;
        --bs-btn-font-size: 16px;
    }

    .catalog-sku-action__button--iconized {
        --bs-btn-padding-x: 7px;
        --bs-btn-padding-y: 7px;
    }

    .catalog-sku-action__button--iconized .catalog-sku-action__button-text {
        padding: 0 8px;
    }
}

@media (min-width: 1800px) {
    .catalog-sku-action__button {
        --bs-btn-padding-y: 15px;
        --bs-btn-font-size: 20px;
    }

    .catalog-sku-action__button--iconized {
        --bs-btn-padding-x: 11px;
        --bs-btn-padding-y: 11px;
    }
}
