@import "constants";


.btn {
    font-size: 14px;
    text-transform: uppercase;
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 500;
    padding: 15px 25px 14px 25px;
    cursor: pointer;
    background-position: center center;
    border: 0;

    &.btn-primary {
        background-color: $green;

        &:hover {
            background-color: darken($green, 8%);
        }

        &:focus, &:active {
            background-color: $green;
        }
    }

    &.btn-default {
        background-color: $darkGrey;
        color: white;
    }
    
    &.busy {
        color: transparent;
        background-image: url('../img/throbber-white.svg');
        background-repeat: no-repeat;
    }

    &:focus, &:active {
        outline: none;
        box-shadow: none;
    }

    &:disabled {
        cursor: not-allowed;
    }
}