/*=========================================
 ORIPA NEO ボタン
=========================================*/

.btn-oripa{

    color:#fff !important;
    border:none;

    background:
        linear-gradient(
            135deg,
            #1dd7ff 0%,
            #3f8cff 35%,
            #6b63ff 65%,
            #b04dff 100%
        );

    transition:.25s;
    box-shadow:
        0 6px 18px rgba(41,197,255,.35),
        0 0 18px rgba(176,77,255,.20);

}


/* Hover */

.btn-oripa:hover{

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #41e3ff,
            #5da4ff,
            #866eff,
            #d161ff
        );

    transform:translateY(-2px);

    box-shadow:
        0 10px 24px rgba(41,197,255,.45),
        0 0 30px rgba(176,77,255,.35);

}


/* Click */

.btn-oripa:active{

    transform:translateY(1px);

}


/* Focus */

.btn-oripa:focus{

    color:#fff;

    box-shadow:
        0 0 0 .25rem rgba(41,197,255,.25);

}


.btn-oripa-soldout{

    color:#b9c1d8;

    background:
        linear-gradient(
            135deg,
            #384055,
            #22293d
        );

    border:1px solid rgba(255,255,255,.08);

    cursor:not-allowed;

    box-shadow:none;

}

.btn-oripa-soldout:hover{

    color:#b9c1d8;

    background:
        linear-gradient(
            135deg,
            #384055,
            #22293d
        );
}

.bg-oripa-gradient {
    background: linear-gradient(
        135deg,
        #29c5ff,
        #6d7cff,
        #b04dff
    );
}