Template:Button/styles.css

.teriock-button-container {
    padding: 0;
    margin: 0;
    border-radius: var( --border-radius--small );
}

.teriock-button-container * {
    user-select: none;
    text-decoration: none;
    color: var( --color-emphasized );
}

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

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

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