﻿.webcafe-input-text {
    border-radius: 25px;
    border: 1px solid rgba(5, 70, 126, 0.16);
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
}

    .webcafe-input-text :hover {
        border-radius: 25px;
        border: 1px solid var(--selected-stroke, #55A2EA);
        background: #FFF;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
    }

    .webcafe-input-text :active {
        border-radius: 25px;
        border: 2px solid var(--selected-stroke, #55A2EA);
        background: #FFF;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
    }

    .webcafe-input-text :disabled {
        border-radius: 25px;
        border: 1px solid rgba(5, 70, 126, 0.16);
        opacity: 0.36;
        background: #FFF;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
    }

.webcafe-btn {
    border-radius: 25px;
    border: 1px solid #63ADF4;
    background: linear-gradient(19deg, #09539A 14.58%, #00365E 113.42%);
    box-shadow: 0 0 0 1px rgba(8, 49, 89, 0.78), 0 4px 8.4px 0 rgba(0, 0, 0, 0.37);
    backdrop-filter: blur(2px);
    color:white;
    height:36px;
    width:100%;
    margin-top:20px;
}

    .webcafe-btn:active {
        border-radius: 25px;
        border: 1px solid var(--selected-stroke, #55A2EA);
        background: linear-gradient(19deg, #09539A 14.58%, #00365E 113.42%);
        box-shadow: 0 0 0 1px rgba(8, 49, 89, 0.78), 0 4px 8.4px 0 rgba(0, 0, 0, 0.37);
        backdrop-filter: blur(2px);
        color: white;
        height: 36px;
        width: 100%;
        margin-top: 20px;
    }

    .webcafe-btn:disabled {
        border-radius: 25px;
        border: 1px solid #63ADF4;
        opacity: 0.36;
        background: linear-gradient(19deg, #09539A 14.58%, #00365E 113.42%);
        box-shadow: 0 0 0 1px rgba(8, 49, 89, 0.78), 0 4px 8.4px 0 rgba(0, 0, 0, 0.37);
        backdrop-filter: blur(2px);
        color: white;
        height: 36px;
        width: 100%;
        margin-top: 20px;
    }

    .webcafe-btn:hover {
        border-radius: 25px;
        border: 1px solid var(--selected-stroke, #55A2EA);
        background: linear-gradient(19deg, #09539A 14.58%, #00365E 113.42%);
        box-shadow: 0 -12px 20.7px 0 rgba(95, 169, 253, 0.57) inset, 0 0 0 1px rgba(8, 49, 89, 0.78), 0 4px 8.4px 0 rgba(0, 0, 0, 0.37);
        backdrop-filter: blur(2px);
        color: white;
        height: 36px;
        width: 100%;
        margin-top: 20px;
    }

