.button { border: none; cursor: pointer; font-family: 'Heebo', sans-serif; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }

.button1 { position: relative; width: 100%; display: block; padding: 15px 10px; box-sizing: border-box; background-color: #3597d9; box-shadow: 0px 3px 8px #548DB4; color: #fff; font-size: 1.2em; font-weight: 500; text-align: center; border-radius: 5px; }
    .button1:hover, .button1:focus { background-color: #004879; }

.button2 { display: block; width: 100%; background-color: #7FB6DB; border-radius: 5px; box-shadow: 0px 3px 8px #548DB4; color: #fff; padding: 8px 5px; box-sizing: border-box; font-weight: 500; font-size: 1.2em; }
    .button2:hover, .button2:focus { background-color: #0063a5; color: #fff; }

.button3 { display: block;  width: 100%; background-color: #89B32F; border-radius: 10px; box-shadow: 0px 3px 6px #00000059; color: #fff; padding: 15px 5px; box-sizing: border-box; font-weight: 700; font-size: 1.15em; }
    .button3:hover, .button3:focus { background-color: #446401; }