.btn {
    padding: 0.625rem 1.875rem;
    text-transform: uppercase;

    &.btn-info,
    &.btn-success {
        color: #ffffff !important;
    }

    &.btn-light-blue {
        color: #ffffff;
        background: $blue-light;
        border-color: $blue-light;

        &:hover,
        &:focus,
        &:active {
            background: darken($blue-light, 10%);
            border-color: darken($blue-light, 10%);
        }
    }

    &.btn-outline {
        background-color: transparent;

        &:hover,
        &:focus,
        &:active {
            opacity: 0.8;
        }

        &.btn-warning {
            color: $brand-warning;
        }

        &.btn-white {
            color: #ffffff;
            border-color: #ffffff;
        }
    }
}
