h2 {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #435f75ef;
    color: white;
padding: 5px 20px;
margin-top: 20px;
font-display: center;
border-radius: 5px;
text-decoration: none;
}
body, html{
    font-family:  Arial, Helvetica, sans-serif;
    height: 130%;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
background: url(imagen\ 2.jpg) center center;
background-size: cover;
}
.contenedor{
    text-align: center ;
    padding: 80px;
    background-color: #faf8ec;
    border-radius: 50px;
    box-shadow: 0 29px 46px rgba(0, 0, 0, 0.1);
}

button{
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #AAB7B7;
    cursor: pointer;
    background-color: #0B304d;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}
button:hover{
    transform: scale(1.2) rotate(25deg);
    background-color: #1d5b8a;
    color: #fff;
}
.btn button{
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #000;
    cursor: pointer;
    background-color: #5c99c5;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    }
    .bnt button:hover{
        transform: scale(1.2) rotate(-360deg);
        background-color: #e0bacf;
        color: #000;
    }
    button2 {
   
        border: 0;
        background-image: linear-gradient(
        150deg,
        #9500ff61,
        #09f,
        #00DDFF
        );
        border-radius: 10px;
        color: #fff;
        display: center;
        font-size: 20px;
        padding: 20px;
        cursor: pointer;
        transition: .3s;
     }
     button2 span {
        background: #111;
        padding: 20px 40px;
        border-radius: 10px;
        transition: .3s;
     }
     button2:hover span {
        background: none;
     }
     button2:active {
        transform: scale(0.9);
     }