button.my_site {
    background-color: red;
    background-image: linear-gradient(#FF2800, #C21807);
    font-size: 30px;
    color: maroon;
    border: solid 4px crimson;
    transition: background-image .3s, background-color .3s, color .3s, border .3s, transform .3s ease;
}

button.my_site:hover {
    background-color: darkred;
    background-image: linear-gradient(#C21807, #FF2800);
    border: solid 4px #FF2400;
    color: #B22222;
    transform: scale(1.5) rotate(6deg);
}

#runyra {
    background-color: darkred;
    background-image: linear-gradient(#F88379, red);
    font-size: 30px;
    color: crimson;
    border: solid 4px red;
    transition: background-color .3s, background-image .3s, color .3s, border .3s, transform .3s ease;
}

#runyra:hover {
    background-color: red;
    background-image: linear-gradient(red, #F88379);
    border: solid 4px darkred;
    color: maroon;
    transform: scale(1.5) rotate(6deg);
}

#daveberry {
    background-color: lightblue;
    background: linear-gradient(135deg, rgba(0, 139, 255, 1), rgba(159, 212, 255, 1));
    font-size: 30px;
    color: blue;
    border: solid 4px aqua;
    transition: background-image .3s, background-color .3s, color .3s, border .3s, transform .3s ease;
}

#daveberry:hover {
    background-color: blue;
    background-image: linear-gradient(135deg, rgba(159, 212, 255, 1), rgba(0, 139, 255, 1));
    border: solid 4px darkcyan;
    color: darkblue;
    transform: scale(1.5) rotate(6deg);
}