.onm-btn{
    font-family:'Paralucent',sans-serif;
    width:min(31rem,100%);
    font-size:clamp(1.8rem,3vw,2rem);
    font-weight:700;
    text-align:center;
    letter-spacing:.5px;
    line-height:1.3;
    padding:1.6rem 2rem;
    color:#fff;
    cursor:pointer;
    display:block;
    text-decoration:none;
    margin:0 auto;
    position:relative;
    overflow:hidden;

    background:linear-gradient(
        120deg,
        #081B4B 0%,
        #1E40FF 25%,
        #7B2DFF 50%,
        #3F6DFF 75%,
        #081B4B 100%
    );

    background-size:300% 300%;

    border-radius:16px;

    border:1px solid rgba(120,130,255,.45);

    animation:gradientMove 5s ease infinite;

    transition:.35s;

    box-shadow:
        0 0 20px rgba(31,95,255,.35),
        0 0 45px rgba(123,45,255,.30),
        inset 0 1px rgba(255,255,255,.18);
}

.onm-btn::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        110deg,
        transparent 30%,
        rgba(255,255,255,.28) 50%,
        transparent 70%
    );

    transform:translateX(-140%);

    transition:1s;

}

.onm-btn:hover::before{

    transform:translateX(140%);

}

.onm-btn:hover{

    transform:translateY(-2px);

    box-shadow:
        0 0 30px rgba(0,140,255,.55),
        0 0 70px rgba(123,45,255,.55),
        0 20px 50px rgba(0,0,0,.35);

}

.onm-btn:active{

    transform:scale(.98);

}

@keyframes gradientMove{

    0%{
        background-position:0% 50%;
    }

    50%{
        background-position:100% 50%;
    }

    100%{
        background-position:0% 50%;
    }

}