.thunder-button {
    background-color: #003768;
    border: 2px solid black;
    color: white;
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.thunder-button:hover {
    background-color: white;
    border: 2px solid black;
    color: black;
    padding: 10px 16px;
}

.thunder-button2 {
    background-color: #003768;
    border: 2px solid transparent;
    color: white;
    padding: 12px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;

}

.thunder-button2:hover {
    background-color: grey;
    border: 2px solid white;
    transition: 0.125s;

}

.thunder-button3 {
    background-color: white;
    border: 2px solid black;
    color: #black;
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.thunder-button3:hover {
    background-color: transparent;
    border: 2px solid white;
    padding: 10px 16px;
    transition: 0.125s;
}

.simple-thunder-button {
    background: #324B64;
    color: #fff;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.simple-thunder-button:hover {
    box-shadow: 0 0 10px 1px #d9d9d9 inset;
    cursor: pointer;
}