* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
#bttn {
     font-size: 30px;
     background-color: rgba(255, 255, 255, 0);
     color: black;
     border: 2px solid black;
     border-radius: 10px;
     transition: 0.3s;
 }

#bttn:hover {
    border: 2px solid white;
    background-color: white;
    color: black;
}

.img {
    width: 300px;
}

@media screen and (max-width:1100px) {
    #bttn {
        font-size: 30px;
        background-color: rgba(255, 255, 255);
        color: black;
        border: 2px solid white;
        border-radius: 10px;
        transition: 0.3s;
    }
}