@import 'variables';

// Bouton & btn //
.btn[href] {
    color: var(--secondary);
}

.btn-default, .btn.btn-icon-text {
    color: var(--secondary);
    background: var(--primary-medium);
    transition: all 0.3s linear;
    @include border-radius;
    text-transform: uppercase;

    .fa {
        color: var(--secondary);
    }
}

.btn-primary {
    @include border-radius;
}

.discourse-no-touch .btn-danger:hover {
    background: var(--danger-hover);
}

.discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon {
    color: var(--tertiary-hover);
}

.discourse-no-touch .btn:hover, .discourse-no-touch .btn.btn-hover {
    color: var(--secondary);
    background: $header-background;
    border-radius: 5px;
    .fa {
        color: var(--quarternary);
        &:hover {
        color: var(--quarternary);
        }
    }
}

/// button widget ///
.btn-flat .icon {
    color: $primary-low-mid;
}

.btn-flat .d-icon {
    color: $primary-low-mid;
}