Button: Default

<button type="button" class="button theme-default">
    button text
</button>

<style>
    .button {
        --bg-color: #0070EB;
        --color: #fff;
    }

    .button:hover {
        --bg-color: #000;
    }

    .button.theme-dark {
        --bg-color: #000;
        --color: #fff;
    }

    .button.theme-dark:hover {
        --bg-color: #DA2315;
    }

    .button {
        background-color: var(--bg-color);
        border-radius: 5px;
        color: var(--color);
        padding: 20px;
        transition: 150ms ease-in-out;
    }
</style>