.redbutton{
    background-color: red;
    border: 2px solid gray;
    border-radius: 50px;
    color: rgb(163, 53, 53);
    padding: 10px 10px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    outline: none;
    transition: all 300ms ease;
}
.redbutton:hover{
    background-color: rgb(172, 2, 2);
    color: red;
}
.aquabutton{
    background-color: aqua;
    border: 2px solid green;
    border-radius: 50px;
    color: green;
    padding: 10px 10px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    outline: none;
    transition: all 300ms ease;
    }
    .aquabutton:hover{
      background-color: blue;
    }
    .yellowBluebutton{
        background-color: yellow;
        border: 2px solid blue;
        border-radius: 50px;
        color: blue;
        padding: 10px 10px;
        text-align: center;
        display: inline-block;
        font-size: 16px;
        outline: none;
        transition: all 300ms ease;
    }
        .yellowBluebutton:hover{
            background-color: blue;
            color: yellow;
            border: 2px solid yellow;
        }