.btn{
    background-color: #1976d2;
    margin: 0px 10px 0px 0px;
    padding: 8px 15px 8px 15px;
    display: inline-block;
    width: auto;
    font-weight: 400;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.btn.active,
.btn:active,
.btn:focus,
.btn:hover{
    box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
    background-color: #1976d2;
    text-decoration: none;
    color: #fff;
    animation-name: btn-active;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}

@keyframes btn-active {
    0%  {opacity: 1;}
    50%  {opacity: 0.8;}
    100%  {opacity: 1;}
}

.btn.btn-success{
    background-color: #45bf7b;
    color: #fff;
}

.btn.btn-success.active,
.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-success:hover{
    background-color: #45bf7b;
    color: #fff;
}

.btn.btn-info{
    background-color: #1976d2;
    color: #fff;
}

.btn.btn-info.active,
.btn.btn-info:active,
.btn.btn-info:focus,
.btn.btn-info:hover{
    background-color: #1976d2;
    color: #fff;
}


.btn.btn-warning{
    background-color: #f9b358;
    color: #fff;
}

.btn.btn-warning.active,
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:hover{
    background-color: #f9b358;
    color: #fff;
}


.btn.btn-danger{
    background-color: #eb6262;
    color: #fff;
}

.btn.btn-danger.active,
.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-danger:hover{
    background-color: #eb6262;
    color: #fff;
}

.btn.btn-muted{
    background-color: #9f9f9f;
    color: #fff;
}

.btn.btn-muted.active,
.btn.btn-muted:active,
.btn.btn-muted:focus,
.btn.btn-muted:hover{
    background-color: #9f9f9f;
    color: #fff;
}

.btn.disabled{
    background-color: #bfbfbf;
    color: #fff;
    cursor: none;
}

.btn.disabled:active,
.btn.disabled:focus,
.btn.disabled:hover{
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    background-color: #bfbfbf;
    color: #fff;
    cursor: auto;
}

.btn.btn-mini{
    margin: 0px 0px 0px 0px;
    padding: 4px 8px 4px 8px;
}

.btn.btn-lnk{
    background-color: transparent;
}

.btn.btn-lnk:active,
.btn.btn-lnk:focus,
.btn.btn-lnk:hover{
    box-shadow: 0px 0px 0px transparent;
    background-color: transparent;
    text-decoration: underline;
    color: #eb6262;
}

.btn.btn-block{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    display: block;
}

.btn.btn-icon{
    background-color: transparent;
    padding: 10px 10px 10px 10px;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #606060;
}

.btn.btn-icon.active,
.btn.btn-icon:active,
.btn.btn-icon:focus,
.btn.btn-icon:hover{
    box-shadow: 5px 5px 2px rgb(200,200,200);
    background-color: #dfdfdf;
    text-decoration: none;
}

.btn.btn-icon .icon{
    background-color: #dfdfdf;
    padding: 15px;
    margin: 0px auto;
    border-radius: 100px;
    max-width: 80px;
    max-height: 80px;
    height: 80px;
    width: 80px;
    display: block;
    text-align: center;
}

.btn.btn-banner .icon img{
    width: 100%;
}

.btn.btn-icon .icon .fa{
    font-size: 50px;
    line-height: 50px;
}

.btn.btn-icon .text{
    margin: 10px 0px 0px 0px;
    text-align: center;
    display: block;
}

.btn.btn-icon.active .icon,
.btn.btn-icon:active .icon,
.btn.btn-icon:focus .icon,
.btn.btn-icon:hover .icon{
    background-color: #dfdfdf;
    
}

.btn.btn-icon.active .text,
.btn.btn-icon:active .text,
.btn.btn-icon:focus .text,
.btn.btn-icon:hover .text{
    
}