/* <- Demo Stuff Start */
.btn {
    flex: 1 1 auto;
    text-align: center;
    text-transform: capitalize;
    transition: 0.2s;
    background-size: 200% auto;
    color: black;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    border-radius: 20px;
    padding: 9px 20px !important;
}

    /* Demo Stuff End -> */

    /* <- Magic Stuff Start */

.btn:hover {
    background-position: right center; 
    text-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
.btn-1, .btn-2, .btn-3, .btn-4, .btn-5, .btn-default  {
    background: #01a41b;
    color: white !important;
}
.btn-1:hover, .btn-2:hover, .btn-3:hover, .btn-4:hover, .btn-5:hover, .btn-default:hover,
.btn-1:active, .btn-2:active, .btn-3:active, .btn-4:active, .btn-5:active, .btn-default:active,
.btn-1:focus, .btn-2:focus, .btn-3:focus, .btn-4:focus, .btn-5:focus, .btn-default:focus,
.btn-1:target, .btn-2:target, .btn-3:target, .btn-4:target, .btn-5:target, .btn-default:target,
.btn-1:active:focus, .btn-2:active:focus, .btn-3:active:focus, .btn-4:active:focus, .btn-5:active:focus, .btn-default:active:focus {
    background: #018716;
    color: white;
}
.border-btn {
    background: white;
    color: black;
}
.border-btn:hover, .border-btn:active, .border-btn:focus, .border-btn:target {
    background: #018716;
    color: white !important;
}
/* Magic Stuff End -> */
.icon-btn {
    padding: 5px !important;
    border-radius: 5px;
    height: 27px !important;
    background: white !important;
    margin: 0 auto;
    color: green !important;
}
.btn-danger {
    color: white !important;
}