/**
 * *
 */

.magicwin-btn,
.magicwin-btn.ct-button,
.magicwin-btn.wp-block-button__link,
.magicwin-btn.button,
button.magicwin-btn {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 999px;
    border: none;
    font-weight: 700;
    text-decoration: none;
    color: #1a1a2e;
    background-color: transparent;
    background-image: linear-gradient(145deg, #ffffff 0%, #f0f1f6 45%, #e4e6ef 100%);
    background-size: 100% 100%;
    background-position: 0 0;
    background-clip: padding-box;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition:
        color 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.magicwin-btn::before,
.magicwin-btn.ct-button::before,
.magicwin-btn.wp-block-button__link::before,
.magicwin-btn.button::before,
button.magicwin-btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    z-index: -1;
    filter: none !important;
    opacity: 0;
    pointer-events: none;
	border: 1px solid;
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fade53, #a63318);
    background-size: 300% 100%;
    background-position: 0 0;
    transition:
        opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        background-position 0.65s cubic-bezier(0.45, 0, 0.25, 1);
}

.magicwin-btn:hover::before,
.magicwin-btn:focus-visible::before,
.magicwin-btn.ct-button:hover::before,
.magicwin-btn.wp-block-button__link:hover::before,
.magicwin-btn.button:hover::before,
button.magicwin-btn:hover::before,
.magicwin-btn.ct-button:focus-visible::before,
.magicwin-btn.wp-block-button__link:focus-visible::before,
.magicwin-btn.button:focus-visible::before,
button.magicwin-btn:focus-visible::before {
    opacity: 1;
    background-position: 100% 0;
}

.magicwin-btn:hover,
.magicwin-btn:focus-visible,
.magicwin-btn.ct-button:hover,
.magicwin-btn.wp-block-button__link:hover,
.magicwin-btn.button:hover,
button.magicwin-btn:hover,
.magicwin-btn.ct-button:focus-visible,
.magicwin-btn.wp-block-button__link:focus-visible,
.magicwin-btn.button:focus-visible,
button.magicwin-btn:focus-visible {
    color: #fff;
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
    transform: none !important;
}

.magicwin-btn--static,
.header-banner-card__play--static.magicwin-btn {
    cursor: default;
}

.magicwin-btn--static::before,
.header-banner-card__play--static.magicwin-btn::before {
    display: none !important;
}

.magicwin-btn--static:hover,
.magicwin-btn--static:focus-visible,
.header-banner-card__play--static.magicwin-btn:hover,
.header-banner-card__play--static.magicwin-btn:focus-visible {
    color: #1a1a2e !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    background-image: linear-gradient(145deg, #ffffff 0%, #f0f1f6 45%, #e4e6ef 100%) !important;
}

.magicwin-btn:focus {
    outline: none;
}

.magicwin-btn:focus-visible {
    outline: 2px solid rgba(229, 66, 10, 0.6);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .magicwin-btn::before,
    .magicwin-btn.ct-button::before,
    .magicwin-btn.wp-block-button__link::before,
    .magicwin-btn.button::before,
    button.magicwin-btn::before {
        transition: opacity 0.25s ease !important;
    }

    .magicwin-btn:hover::before,
    .magicwin-btn:focus-visible::before,
    .magicwin-btn.ct-button:hover::before,
    .magicwin-btn.wp-block-button__link:hover::before,
    .magicwin-btn.button:hover::before,
    button.magicwin-btn:hover::before {
        background-position: 100% 0;
    }
}