button{
    border: none;
    margin: 0;
    padding: 6px;
    width: 100%;
    display: inline-block;
    outline: none;
    cursor: pointer;
    font-size: inherit;
    border-radius: 2px;
    color: inherit;
    background: inherit;

    &.primary{
        background: var(--primary);
        color: white;
    }
    &.emphasis{
        background: var(--emphasis);
        color: white;
    }
    &.dark{
        background: var(--dark);
        color: white;
    }
}

.touch-no button {
    &.dark:hover, &.emphasis:hover, &.primary:hover {
        filter: brightness(95%);
        transition: 0.2s ease all;
    }
}
