.button, .normal{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px;
    align-content: center;
    cursor: pointer;
    display: inline-flex;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    border-color: transparent;
    border-radius: 4px;
    text-decoration: none;
    padding: 9px 16px;
    font-size: 16px;
    background: #FFFFFF;
    transition: all 0.15s ease-in-out 0s;
    color: #079EDE;
    margin-right: 10px;
    }

.link{
    align-content: center;
    cursor: pointer;
    display: inline-flex;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    border-color: transparent;
    border-radius: 4px;
    text-decoration: none;
    padding: 9px 16px;
    font-size: 16px;
    transition: all 0.15s ease-in-out 0s;
    color: #333333;
    left: 220px;
    }




.big{
     padding: 12px 16px;
     font-size: 16px;
    }
.small{
    padding: 7px 16px;
    font-size: 12px;
    }
.tiny{
     padding: 5px 8px;
     font-size: 12px;
    }



a.link:hover{
    color: #0DB7FF;
    text-decoration-line: underline;
    }
a.link:focus{
    color: #0877A6;
    text-decoration-line: underline;
    }
a.link:disabled{
    color: #B3BAC7;
    cursor: default;
    }



a.button:hover{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1));
    color: #0DB7FF;
    }
a.button:focus{
    background: rgba(0, 0, 0, 0.03);
    color: #0877A6;
    text-decoration: none;
    }
a.button:disabled{
    background: #F5F7FA;
    color: #B3BAC7;
    box-shadow: none;
    transition: none;
    cursor: default;
    transform: none;
    }

.button a:nth-child(2){
    padding-left: 20px;
    }


.black(.basic):not(.link):not(.close).black:not(.contrast):not(.disabled) {
    background-color: rgb(18, 21, 26);
    color: rgb(255, 255, 255);
}
.purple:not(.basic):not(.link):not(.close).purple:not(.contrast):not(.disabled) {
    background-color: rgb(166, 8, 132);
    color: rgb(255, 255, 255);
}

.blue:not(.basic):not(.link):not(.close).blue:not(.contrast):not(.disabled) {
    background-color: #079EDE;
    color: rgb(255, 255, 255);
}

.brown:not(.basic):not(.link):not(.close).brown:not(.contrast):not(.disabled) {
    background-color: #A65708;
    color: rgb(255, 255, 255);
}

.ghost:not(.basic):not(.link):not(.close).ghost:not(.contrast):not(.disabled) {
    background-color: #F5F7FA;
    color: #333333;
}
.green:not(.basic):not(.link):not(.close).green:not(.contrast):not(.disabled) {
    background-color: #1DBF43;
    color: rgb(255, 255, 255);
}

.grey:not(.basic):not(.link):not(.close).grey:not(.contrast):not(.disabled) {
    background-color: #919BA8;
    color: rgb(255, 255, 255);
}

.orange:not(.basic):not(.link):not(.close).orange:not(.contrast):not(.disabled) {
    background-color: #FF860D;
    color: rgb(255, 255, 255);
}
.red:not(.basic):not(.link):not(.close).red:not(.contrast):not(.disabled) {
    background-color: #DE0719;
    color: rgb(255, 255, 255);
}

.silver:not(.basic):not(.link):not(.close).silver:not(.contrast):not(.disabled) {
    background-color: #B3BAC7;
    color: #333333;
}

.slategrey:not(.basic):not(.link):not(.close).slategrey:not(.contrast):not(.disabled) {
    background-color: #5E6875;
    color: rgb(255, 255, 255);
}
.smoke:not(.basic):not(.link):not(.close).smoke:not(.contrast):not(.disabled) {
    background-color: #DDE3EB;
    color: #333333;
}
.steel:not(.basic):not(.link):not(.close).steel:not(.contrast):not(.disabled) {
    background-color: #0877A6;
    color: rgb(255, 255, 255);
}

.yellow:not(.basic):not(.link):not(.close).yellow:not(.contrast):not(.disabled) {
    background-color: #FFCF0D;
    color: rgb(255, 255, 255);
}

.violet:not(.basic):not(.link):not(.close).violet:not(.contrast):not(.disabled) {
    background-color: #DE07AF;
    color: rgb(255, 255, 255);
}





.appstore{
    background-image: url(../image/stores-apple.svg);
    background-position: 45% 45%;
    background-repeat: no-repeat;
    background-size: 99%;
    display: block;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    padding: 0;
    }

a.appstore:hover{
    background-image: url(../image/stores-apple.svg);
    background-position: 45% 45%;
    background-repeat: no-repeat;
    background-size: 99%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px;
    background-color: white;
    }
a.appstore:focus{
    background-image: url(../image/stores-apple.svg);
    background-position: 45% 45%;
    background-size: 99%;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-color: white;
    }

.googleplay{
    background-image: url(../image/stores-google.svg);
    background-repeat: no-repeat;
    background-position: 45% 45%;
    background-size: 99%;
    display: block;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    padding: 0;
    left: 120px;
    }

a.googleplay:hover{
    background-image: url(../image/stores-google.svg);
    background-position: 45% 45%;
    background-size: 99%;
    background-repeat: no-repeat;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px;
    background-color: white;
    }
a.googleplay:focus{
    background-image: url(../image/stores-google.svg);
    background-position: 45% 45%;
    background-size: 99%;
    background-repeat: no-repeat;
    background-color: white;
    }



.appgallery{
    background-image: url(../image/appgallery.svg);
    background-position: 45% 45%;
    background-size: 99%;
    background-repeat: no-repeat;
    display: block;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    padding: 0;
    left: 210px;
    }

a.appgallery:hover{
    background-image: url(../image/appgallery.svg);
    background-repeat: no-repeat;
    background-position: 45% 45%;
    background-size: 99%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px;
    background-color: white;
    }
a.appgallery:focus{
    background-image: url(../image/appgallery.svg);
    background-position: 45% 45%;
    background-size: 99%;
    background-repeat: no-repeat;
    background-color: white;
    }