button {
    /* Basic styling */
    padding: 0.8rem 1.5rem;
    font-size: 1rem;
    font-weight: bold;
    border: none;
    cursor: pointer;
    border-radius: 10rem;
    background-color: var(--color-primary);
    color: var(--color-light-lvl1);

    transition: all 0.2s ease-in-out;
    outline: none;
    text-decoration: none;
    display: inline-block;
}

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

button:active {
    transition: none;
    background-color: var(--color-tertiary);
}

button:focus {
    outline: 2px solid var(--color-light-lvl1);
}