button {
    width: 40vmin;
    padding: 2vmin;
    border: 0;
    border-radius: calc(4vmin + 1lh);
    cursor: pointer;
    background-color: #fff3;
    box-shadow: 0 0 2vmin #fff3;
    font-weight: bold;
    font-size: 4vmin;
    text-align: center;
}

button:hover {
    outline: 0.5vmin solid #8f4da350;
    outline-offset: -1vmin;
}

button:focus {
    outline: 0.5vmin solid #8f4da350;
    outline-offset: -1vmin;
}

button:disabled {
    background-color: #fff1;
    box-shadow: 0 0 2vmin #fff1;
    color: #0003;
    cursor: not-allowed;
}

.button {
    width: 40vmin;
    padding: 2vmin;
    border: 0;
    border-radius: calc(4vmin + 1lh);
    cursor: pointer;
    background-color: #fff3;
    box-shadow: 0 0 2vmin #fff3;
    font-weight: bold;
    font-size: 4vmin;
    text-align: center;
}

.button:hover {
    outline: 0.5vmin solid #8f4da350;
    outline-offset: -1vmin;
}

.button:focus {
    outline: 0.5vmin solid #8f4da350;
    outline-offset: -1vmin;
}

.button:disabled {
    background-color: #fff1;
    box-shadow: 0 0 2vmin #fff1;
    color: #0003;
    cursor: not-allowed;
}