.buttonDiv {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    cursor:pointer;
}

@media print, screen and (min-width: 40em) {
  .buttonDiv {
    padding:25px;
    }
}


.buttonDiv:hover {
    background-image: url(../img/pink.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}


.active-button {
    background-image: url(../img/blue.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}