Template:Button/styles.css

.teriock-button {
    border-radius: var( --border-radius--small );
    padding: 0.5em;
    transition: 100ms;
    background-color: var( --color-surface-1 );
    border: 1px solid var( --border-color-base );
    user-select: none;
    color: var( --color-emphasized );
}

.teriock-button:hover {
    box-shadow: var( --box-shadow-card );
}

.teriock-button:active {
    background-color: var( --color-surface-2 );
}