/* Hover options for the native Gutenberg Button block. */
.wp-block-button.tb-has-hover-effect .wp-block-button__link,
.tb-core-button-hover-preview .wp-block-button__link {
    transform: translateZ(0) scale(1);
    transform-origin: center center;
    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.wp-block-button.tb-has-hover-effect .wp-block-button__link:hover,
.wp-block-button.tb-has-hover-effect .wp-block-button__link:focus-visible,
.tb-core-button-hover-preview .wp-block-button__link:hover {
    transform: translateZ(0) scale(var(--tb-core-button-hover-scale, 1.05));
}

.wp-block-button.tb-has-hover-effect.tb-hover-has-background .wp-block-button__link:hover,
.wp-block-button.tb-has-hover-effect.tb-hover-has-background .wp-block-button__link:focus-visible,
.tb-core-button-hover-preview.tb-hover-has-background .wp-block-button__link:hover {
    background-color: var(--tb-core-button-hover-bg) !important;
}

.wp-block-button.tb-has-hover-effect.tb-hover-has-text .wp-block-button__link:hover,
.wp-block-button.tb-has-hover-effect.tb-hover-has-text .wp-block-button__link:focus-visible,
.tb-core-button-hover-preview.tb-hover-has-text .wp-block-button__link:hover {
    color: var(--tb-core-button-hover-color) !important;
}

.wp-block-button.tb-has-hover-effect.tb-hover-has-border .wp-block-button__link:hover,
.wp-block-button.tb-has-hover-effect.tb-hover-has-border .wp-block-button__link:focus-visible,
.tb-core-button-hover-preview.tb-hover-has-border .wp-block-button__link:hover {
    border-color: var(--tb-core-button-hover-border) !important;
}

.tb-core-button-hover-label {
    margin: 1rem 0 0.35rem;
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    .wp-block-button.tb-has-hover-effect .wp-block-button__link,
    .tb-core-button-hover-preview .wp-block-button__link {
        transition: none;
    }

    .wp-block-button.tb-has-hover-effect .wp-block-button__link:hover,
    .wp-block-button.tb-has-hover-effect .wp-block-button__link:focus-visible,
    .tb-core-button-hover-preview .wp-block-button__link:hover {
        transform: none;
    }
}