.site-btn {
    height: 50px;
    line-height: 50px;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    color: white;
    background: #1ccc78;
    display: inline-block;
    text-align: center;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

.site-btn.loading {
    opacity: 0.5;
}

.site-btn.loading:before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: -0.125em;
    border: 0.2em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
    margin-right: 10px;
}

@keyframes spinner-border {
    100% {
        transform: rotate(360deg);
    }
}

.site-btn.green {
    background: #1ccc78 !important;
}

a.blue,
button.blue {
    background: #016da6;
}

a.orange,
button.orange {
    background-color: #ff9b0b !important;
}

a.purple,
.site-btn.purple,
button.purple {
    background: #D31EA2 !important;
}

.site-btn.yellow {
    background: #F9E260 !important;
}

.site-btn.gray {
    background: gray !important;
}

a.heavy-orange,
button.heavy-orange {
    background: #f24b17;
}

.site-btn.white {
    background: white;
    color: black;
    border: 1px solid #c5c5c5;
}

a.red-white,
button.red-white,
a.red-white:hover,
button.red-white:hover {
    background: white;
    border: 1px solid #963519;
    color: #963519;
}

.site-btn.white:hover,
.site-btn.white:active,
.site-btn.white:visited,
.site-btn.white:focus {
    color: black;
}

.site-btn.gray {
    background: darkgrey;
    color: white;
}

.site-btn.dark-green {
    background-color: #01866b !important;
    color: white;
}