body, html {
    margin: 0;
    padding: 0;
    height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

button {
    border: 1px solid #777;
    background-color: #fff;
    padding: .5rem 1rem;
    border-radius: 100rem;
    transition: 100ms;
}
input, textarea {
    font-family: inherit;
    border: 1px solid #777;
    background-color: #fff;
    padding: .5rem 1rem;
    border-radius: .5rem;
    transition: 100ms;
    outline: none;
}

button, .hoverable, .selectable {
    transition: 250ms background-color;
    cursor: pointer;
}

button, .hoverable, .selectable {
    &:hover {
        background-color: #f0f0f0;
    }
}
button:enabled, .selectable {
    &:active {
        background-color: #aaa;
    }
}