button {
    border: 1px solid var(--color-border-light);
    padding: var(--button-padding);
    border-radius: var(--button-border-radius);
    font-weight: var(--button-font-weight);
    cursor: pointer;
}

button:hover {
    background: var(--color-border-light);
}

.button-primary {
    background: var(--color-bg-prymary);
    color: var(--color-text-primary);
}

.button-secondary {
    background: var(--color-bg-secondary);
    color: var(--color-text-secondary);
}

.button-icon {
    background: var(--color-bg-secondary);
    color: var(--color-text-secondary);
    padding: var(--button-padding-icon);
}