.button{
  font-weight: bold;
    text-align: center;
    font-family: "Nunito", sans-serif;
    border: none;
    background-color: #fff;
    font-size: 25px;
    margin: 25px;
    margin-left: 25%;
    padding-top:50px;
    border-radius: 15px;
    box-shadow:  2px 10px rgba(0, 0, 0, 0.04);
    width: 50%;
    height: 3em;
}
.imagen{
  width: 50%;
  margin-top: 2%;
  border-radius: 6px;
  margin-left: 26%;
  box-shadow:  2px 10px rgba(0, 0, 0, 0.04);
}

    /* Media Queries para diferentes pantallas */
    @media (max-width: 480px) { 
    .button{
        text-align: center;
        font-family: "Nunito", sans-serif;
        color: #03a9f4;
        border: none;
        background-color: #fff;
        font-size: 18px;
        margin-left: 25px;
        padding-top:20px;
        border-radius: 15px;
        width: 90%;
        height: 3em;
    }
      .imagen{
        margin-top: 5%;
        width: 90%;
        margin-left: 15px;
      }
    }
    @media (min-width: 481px) and (max-width: 778px) {
      .button{
        font-size: 18px;
        padding-top:20px;
        border-radius: 15px;
        box-shadow:  2px 10px rgba(0, 0, 0, 0.04);
        width: 90%;
        margin-left: 25px;
        height: 3em;
    }
      .imagen{
        margin-top: 5%;
        width: 90%;
        margin-left: 15px;
      }
    }
    @media (min-width: 779px) and (max-width: 995px) {
      .button{
        margin-left: 18px;
        text-align: center;
        font-family: "Nunito", sans-serif;
        color: #03a9f4;
        border: none;
        background-color: #fff;
        font-size: 18px;
        padding-top:20px;
        border-radius: 15px;
        box-shadow:  2px 10px rgba(0, 0, 0, 0.04);
        width: 90%;
        height: 3em;
    }
      .imagen{
        margin-top: 5%;
        width: 90%;
        margin-left: 60px;
      }
    }
    @media (min-width: 1025px) {
      
    }