.btn {
    text-transform: uppercase;
    line-height: 1.2;
}

.btn-accent {
    color: $white;
}

button {
    background: $primary;
    background-image: linear-gradient($primary, $cyan);
    color: $white;
    font-family: "KGJune";
    text-transform: uppercase;
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 15px;
    font-size: 2.2rem;
    border: none;
    line-height: 40px;
    padding-left: 1.2rem;
    padding-right: 1.2rem;

    &:hover {
        background: $primary;
    }
}

// Surcharge le style des boutons secondaire pour coller au besoin du 1D
.btn-outline-secondary {
    border-color: $primary;
    color: $primary;

    &:hover {
        background-color: $primary;
        border-color: $primary;
        color: $white;
    }
}