/* .style_main__0YXao {
    height:calc(100vh - 55px);
    display:flex;align-items:
    center;
    justify-content:center;
    gap:20px;
    width:100%
} */
.style_button1__YwofB {
    position:relative;
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    background-color:var(--first-color);
    padding: 4px 24px;
    border-radius: 999px;
    overflow:hidden;
    width: fit-content;
    border: none;
    transition:all .6s ease-in-out;
}
.style_button1__YwofB .style_round__Du95J {
    width:6px;
    height:6px;
    min-width:6px;
    min-height:6px;
    border-radius:50%;
    background-color:var(--white-color);
    transition:all .6s ease-in-out;
}
.style_button1__YwofB .style_title__W0TuT {
    margin:0;
    color: var(--white-color);
    font-size: 14px;
    font-family: var(--primary-font);
    font-weight: 400;
    z-index:2;
    transition:all .6s ease-in-out;
}
.style_button1__YwofB .style_arrow__ComPi {
    position:absolute;
    left:100%;
    z-index:2;
    transition:all .6s ease-in-out;
    /* top:22.5px; */
}
.style_button1__YwofB:hover .style_round__Du95J {
    transform:scale(100);
    background-color:#0a00c1
}
.style_button1__YwofB:hover .style_title__W0TuT {
    color: var(--white-color);
    transform:translateX(-20px)
}
.style_button1__YwofB:hover .style_arrow__ComPi {
    transform:translateX(-30px)
}




.style_button2 {
    position:relative;
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    background-color:var(--white-color);
    padding: 4px 24px;
    border-radius: 999px;
    overflow:hidden;
    width: fit-content;
    border: none;
    transition:all .6s ease-in-out;
}
.style_button2 .style_round {
    width:6px;
    height:6px;
    min-width:6px;
    min-height:6px;
    border-radius:50%;
    background-color:var(--first-color);
    transition:all .6s ease-in-out;
}
.style_button2 .style_title {
    margin:0;
    color: var(--first-color);
    font-size: 14px;
    font-family: var(--primary-font);
    font-weight: 400;
    z-index:2;
    transition:all .6s ease-in-out;
}
.style_button2 .style_arrow {
    position:absolute;
    left:100%;
    z-index:2;
    /* font-size: 16px; */
    transition:all .6s ease-in-out;
    /* top:22.5px; */
}
.style_button2:hover .style_round {
    transform:scale(100);
    background-color:var(--fifth-color);
}
.style_button2:hover .style_title {
    color: var(--first-color);
    transform:translateX(-20px)
}
.style_button2:hover .style_arrow {
    transform:translateX(-30px)
}










.style_button2__7v0Wp {
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    border-radius:100px;
    padding:20px 0;
    transition:all .35s ease-out;
    cursor:pointer
}
.style_button2__7v0Wp .style_mask__G1reF {
    overflow:hidden;
    position:relative
}
.style_button2__7v0Wp .style_slider__uMAN0 {
    display:flex;
    position:relative;
    animation:style_slide__V39TI 3s linear 0s infinite;
    transition:top .75s ease-out;
    top:0
}
.style_button2__7v0Wp .style_slider__uMAN0 p:nth-of-type(2) {
    position:absolute;
    left:calc(100% + 15px)
}
.style_button2__7v0Wp p {
    margin:0;
    text-transform:uppercase;
    white-space:nowrap
}
.style_button2__7v0Wp .style_text__jugCW {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%)
}
.style_button2__7v0Wp .style_text__jugCW span {
    position:relative;
    top:18px;
    color:#fff;
    transition:top .25s ease-out
}
.style_button2__7v0Wp:hover {
    background-color:#000
} 
.style_button2__7v0Wp:hover .style_slider__uMAN0 {
    top:-18px
}
.style_button2__7v0Wp:hover .style_text__jugCW span {
    top:0
}
@keyframes style_slide__V39TI {
    to {
        transform:translateX(calc(-100% - 15px))
    }
}
.style_button3__wvXhd {
    padding:20px 35px;
    background-color:#fff;
    border-radius:100px;
    position:relative;
    cursor:pointer;overflow:hidden
}
.style_button3__wvXhd .style_primary__mp_xd {
    top:0;
    position:relative;
    transition:top .4s cubic-bezier(.33,1,.68,1)
}
.style_button3__wvXhd p {
    margin:0;
    text-transform:uppercase
} 
.style_button3__wvXhd .style_secondary__peFsR {
    position:absolute;
    top:110%;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:top .4s cubic-bezier(.33,1,.68,1)
}
.style_button3__wvXhd .style_secondary__peFsR p {
    color:#000;
    position:absolute
}
.style_button3__wvXhd .style_secondary__peFsR .style_background__I_IHo {
    background-color:#c9ff18;
    width:60%;
    height:100%;
    border-radius:50%;
    transition:all .4s cubic-bezier(.33,1,.68,1)
}
.style_button3__wvXhd:hover .style_primary__mp_xd {
    top:-40px
}
.style_button3__wvXhd:hover .style_secondary__peFsR {
    top:0
}
.style_button3__wvXhd:hover .style_secondary__peFsR .style_background__I_IHo {
    width:100%;border-radius:100px
}