button {
    background-color: white;
    color: black;
    border-radius: 10em;
    font-size: 30px;
    font-weight: 600;
    padding: 0.3em 0.6em;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: 1px solid black;
    box-shadow: 0 0 0 0 black;

}

button:hover {
    transform: translateY(-4px) translateX(-2px);
    box-shadow: 2px 5px 0 0 black;
}

;

button:active {
    transform: translateY(2px) translateX(1px);
    box-shadow: 0 0 0 0 black;
}

;

@media only screen and (max-width:1100px) {
    button {
        background-color: white;
        color: black;
        border-radius: 10em;
        font-size: 40px;
        font-weight: 600;
        padding: 0.3em 0.6em;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        border: 1px solid black;
        box-shadow: 0 0 0 0 black;

    }
}