:root {
    --mbsf-ui-button-transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, filter 180ms ease, box-shadow 180ms ease, transform 180ms ease;
    --mbsf-ui-color-transition: 180ms ease;
    --mbsf-ui-button-hover-background: var(--wp--custom--ui--button--hover--background, var(--wp--preset--color--texto, #333333));
    --mbsf-ui-button-hover-border-color: var(--wp--custom--ui--button--hover--border-color, var(--wp--preset--color--texto, #333333));
    --mbsf-ui-button-hover-color: var(--wp--custom--ui--button--hover--color, var(--wp--preset--color--alternativo, #fff));
    --mbsf-ui-button-hover-filter: var(--wp--custom--ui--button--hover--filter, none);
    --mbsf-ui-button-hover-transform: var(--wp--custom--ui--button--hover--transform, none);
    --mbsf-ui-button-hover-shadow: var(--wp--custom--ui--button--hover--shadow, none);
    --mbsf-ui-card-transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, filter 180ms ease, box-shadow 180ms ease;
    --mbsf-ui-card-hover-filter: var(--wp--custom--ui--card--hover--filter, none);
    --mbsf-ui-card-hover-transform: var(--wp--custom--ui--card--hover--transform, none);
    --mbsf-ui-card-hover-shadow: var(--wp--custom--ui--card--hover--shadow, none);
}

.mbsf-ui-button,
.mbsf-ui-card {
    transform-origin: center;
}

.mbsf-ui-button {
    transition: var(--mbsf-ui-button-transition);
}

.mbsf-ui-button:hover:not(:disabled):not(.swiper-button-disabled),
.mbsf-ui-button:focus-visible:not(:disabled):not(.swiper-button-disabled) {
    background: var(--mbsf-ui-button-hover-background);
    border-color: var(--mbsf-ui-button-hover-border-color);
    color: var(--mbsf-ui-button-hover-color);
    filter: var(--mbsf-ui-button-hover-filter);
    transform: var(--mbsf-ui-button-hover-transform);
    box-shadow: var(--mbsf-ui-button-hover-shadow);
}

.mbsf-ui-card {
    transition: var(--mbsf-ui-card-transition);
}

.mbsf-ui-card:hover,
.mbsf-ui-card:focus-visible {
    filter: var(--mbsf-ui-card-hover-filter);
    box-shadow: var(--mbsf-ui-card-hover-shadow);
}

@media (prefers-reduced-motion: reduce) {
    .mbsf-ui-button,
    .mbsf-ui-card {
        transition: filter 120ms ease, box-shadow 120ms ease;
    }

    .mbsf-ui-button:hover:not(:disabled):not(.swiper-button-disabled),
    .mbsf-ui-button:focus-visible:not(:disabled):not(.swiper-button-disabled),
    .mbsf-ui-card:hover,
    .mbsf-ui-card:focus-visible {
        transform: none;
    }
}