/* Explain: Styles for interactive elements like buttons. - */
/* Minimal components */
.btn-primary {
    background-color: var(--button-color);
    color: var(--button-text);
}
.btn-primary:hover {
    background-color: var(--primary-hover);
}
.btn-outline {
    border: 1px solid var(--border-color);
    color: var(--text-color);
}
.btn-outline:hover {
    background-color: rgba(0, 0, 0, 0.05);
}