.ewb
{
    font-family: "Nunito";
    font-size: 16pt;
    font-weight: bold;

    padding: 8pt 20pt 7pt 20pt !important;
    display: inline-block;

    border-radius: 30px;

    min-width: 150pt;
    text-align: center;

    transition: 0.5s;
    cursor: pointer;
    
    border: none;
}

.ewb span
{
    margin-top: 2pt;
    margin-left: auto;
    margin-right: auto;
}

.ewb span.text
{
  padding-left: 10pt;
}


.ewb:hover
{
    text-decoration: none;
    color: white;
}

.ewb:active
{
    color: white;
    text-shadow: 0px 0px 5px #aaa;
}

.ewb-primary
{
    background-color: #e54630;
    border: 1px solid #92372b;
    color: #eee;
}

.ewb-hollow
{
    background-color: transparent;
    color: #eee;
    border: 1px solid #e54630;
}

.ewb-hollow-2,
.ewb-hollow-2 span
{
    color: #e54630 !Important;
}

.ewb .ewb-hollow-2 .glyphicon
{
    color: #e54630;
}

.ewb-hollow-2:hover
{
    background-color: transparent;
    border: 1px solid #e54630;
}

.ewb-primary:hover
{
    background-color: #fc5039;
}

.ewb-1
{
    width: 250pt;
    text-align: center;
}

.ewb-1 span
{
    float: none !important;
    position: relative; top: 3pt;
}

a.disabled
{
    cursor: not-allowed;
    filter: grayscale(100%);
    opacity: 0.5;
}

@media all and (max-width: 500px) and (max-height: 700px) {
    .ewb
    {
        font-size: 10pt;
        width: 100% !Important;
        padding-top: 3pt !Important;
    }

    .ewb span
    {
        margin-right: 0pt !Important;
    }
}

@media all and (max-width: 500px) {
    .ewb {
        max-width: none;
        font-size: 13pt;
        padding-top: 8pt !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        position: relative !important;
        float: none;
        margin-top: 0pt !important;
    }
}