/* Button styles */
.button {
    display: inline-block;
    padding: var(--spacing-small) var(--spacing-medium);
    font-size: 1rem;
    color: var(--background-color);
    background-color: var(--primary-color);
    border: none;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: background-color var(--transition-duration);
}

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