.button1 {
    border-radius: 5px;
    margin-left: 5%;
    background-color: #FFD000;
    padding: 1em;
    border: none;
}
.button1 a{
    text-decoration: none;
    color: white;
    font-size: 32px;
}

.button1:hover {
    border-radius: 5px;
    margin-left: 5%;
    background-color: white;
    padding: 1em;
    border-style: solid;
    border-color: #FFD000;
}

.button1 a:hover{
    text-decoration: none;
    color: #FFD000;
    font-size: 32px;
}

@media only screen and (min-width: 899px) {
    .button1{
        margin-top: 20em;
    }
}


.button2 {
    border-radius: 5px;
    margin-left: 5%;
    background-color: #FFD000;
    padding: 1em;
    border: none;
}
.button2 a{
    text-decoration: none;
    color: white;
    font-size: 32px;
}

.button2:hover {
    border-radius: 5px;
    margin-left: 5%;
    background-color: white;
    padding: 1em;
    border-style: solid;
    border-color: #FFD000;
}

.button2 a:hover{
    text-decoration: none;
    color: #FFD000;
    font-size: 32px;
}