.btn {
    border-color: var(--secondary-color);
}

.btn-accent {
    color: var(--font-color-light);
    background-color: var(--accent-color);
}

.btn-success {
    color: var(--font-color-light);
    background-color: var(--good-color);
}

.btn-error {
    color: var(--font-color-light);
    background-color: var(--bad-color);
}

.btn-link {
    color: var(--font-color);
    border: 0;
}

    .btn-link:hover {
        color: var(--font-color);
    }

.button-refresh {
    border: 2px solid var(--secondary-color-dark);
    border-radius: 0;
    background-color: var(--secondary-color-light);
    color: var(--font-color);
    padding: .5rem 2rem;
    cursor: pointer;
    max-width: 80%;
}

.button-refresh:hover {
    filter: brightness(50%);
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}