@import "/./src/assets/scss/variables.scss";
@import "/./src/assets/scss/mixins.scss";

.btn {
    @include font-style($nominee-bold,16px,16px,normal);
    color: $white;
    &:focus {
        outline: none;
        box-shadow: none;
        background: $green-press;
    }

    &:hover {
        background: $green-dark;
    }

    &__icon {
        margin-right: 10px;
    }

    &.btn_secondary {
        background: none;
        border-color: $green;
        color: $green;
        @include font-style($nominee-regular,14px,14px,normal);
        padding: 10px 15px;

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

.btn-primary {
    background: $green;
    border-color: $green;
    padding: 12px 36px;
}

.mat-raised-button {
    .bouton & {
        @include font-style($nominee-bold,14px,14px,normal);
        color: $green;
        border: 1px solid $green;
        border-radius: 5px;
        text-align: center;
        padding: 14px 34px;
        margin-right: 20px;
        box-shadow: none;

        .mat-dialog-container & {
            .pop-report & {
                margin: 0 0 0 17px;
            }
        }
    }

    &.mat-button-base {
        &:hover {
            color: $green-dark;
            border: 1px solid $green-dark;
        }

        &:focus {
            color: $green-press;
            border: 1px solid $green-press;
        }

        &.mat-primary {
            background: $green;
            color: $white;
    
            &:hover {
                background: $green-dark;
                color: $white;
            }
    
            &:focus {
                background: $green-press;
                color: $white;
            }
        }
    }

    &.cancel {
        border: none;

        &:hover {
            color: $green-dark;
        }

        &:focus {
            color: $green-press;
        }
    }

    &.save {
        background: $green;
        color: $white;

        &:hover {
            background: $green-dark;
        }

        &:focus {
            background: $green-press;
        }
    }

    &:not(.mat-button-disabled):active:not([class*="mat-elevation-z"]) {
        padding: 14px 34px;
        border: 1px solid $white;
    }
}

button {
    outline: none;
    background: none;
    border: none;
    &:focus {
        box-shadow: none;
    }
}

.btn-w-icon {
    display: inline-flex;
    align-items: center;

    .icon-arrow-down {
        margin-left: 10px;
        font-size: 6px;
    }

    .icon-download {
        margin-right: 10px;
        font-size: 15px;
    }

}