.vephora-wa-order-wrap{
    clear:both;
    display:block;
    width:100%;
    margin-top:12px;
}

.vephora-wa-order-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%;
    min-height:56px;
    padding:0 24px!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--vephora-wa-bg,#000)!important;
    color:var(--vephora-wa-color,#fff)!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1!important;
    text-align:center!important;
    text-transform:none!important;
    cursor:pointer;
    box-shadow:none!important;
    transition:background-color .2s ease,transform .2s ease,opacity .2s ease;
}

.vephora-wa-order-button:hover,
.vephora-wa-order-button:focus{
    background:var(--vephora-wa-hover,#222)!important;
    color:var(--vephora-wa-color,#fff)!important;
    transform:translateY(-1px);
}

.vephora-wa-order-button:focus-visible{
    outline:2px solid currentColor;
    outline-offset:3px;
}

.vephora-wa-order-button:disabled,
.vephora-wa-order-button.is-loading{
    opacity:.75;
    cursor:wait;
    transform:none;
}

.vephora-wa-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:23px!important;
    height:23px!important;
    flex:0 0 23px!important;
    line-height:0!important;
    position:relative;
    top:0!important;
    margin:0!important;
    padding:0!important;
    color:currentColor;
}

.vephora-wa-icon svg{
    display:block!important;
    width:23px!important;
    height:23px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    vertical-align:middle!important;
}

.vephora-wa-order-button .vephora-wa-label{
    display:inline-flex;
    align-items:center;
    line-height:1!important;
}

.vephora-wa-order-button.is-loading .vephora-wa-icon svg{
    display:none!important;
}

.vephora-wa-order-button.is-loading .vephora-wa-icon::before{
    content:"";
    width:18px;
    height:18px;
    border:2px solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:vephora-wa-spin .65s linear infinite;
}

@keyframes vephora-wa-spin{
    to{transform:rotate(360deg)}
}

.vephora-wa-admin-note{
    clear:both;
    margin:10px 0 0;
    padding:10px 12px;
    border:1px solid #f0c36d;
    background:#fff8e5;
    color:#6f4d00;
    font-size:13px;
}

@media (max-width:767px){
    .vephora-wa-order-wrap,
    .vephora-wa-order-button{
        width:100%!important;
        max-width:100%!important;
    }

    .vephora-wa-order-button{
        min-height:58px;
        font-size:17px!important;
    }
}