.button { border: none; cursor: pointer; font-family: OpenSans, 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; line-height: 1; }

.button1 { position: relative; width: 100%; display: block; padding: 18px 5px; box-sizing: border-box; background-color: #0E7287; color: #fff; font-size: 1.15em; box-shadow: none; font-weight: 400; text-align: center; border-radius: 30px; border: 1px solid #0E7287; box-shadow: 0px 3px 6px #0000005C; }
    .button1:hover, .button1:focus { background-color: #00a1c3; }

.button1_bigger_font {font-size:1.5em; }


.button2 { position: relative; width: 100%; display: block; padding: 18px 5px; box-sizing: border-box; background-color: #DF1338; color: #fff; font-size: 1.15em; box-shadow: none; font-weight: 400; text-align: center; border-radius: 30px; border: 1px solid #DF1338;}
    .button2:hover, .button1:focus { background-color: #ff002e; }

.button3 { position: relative; width: 100%; display: block; padding: 18px 5px; box-sizing: border-box; background-color: #FFFFFF; color: #2A2A2A; font-size: 1.15em; box-shadow: none; font-weight: 400; text-align: center; border-radius: 30px; border: 1px solid #0E7287;  }
    .button3:hover, .button1:focus { background-color: #a09898; }

.button4 { position: relative; width: 100%; display: block; padding: 18px 5px; box-sizing: border-box; background-color: rgba(218, 245, 248, 0.52); color: #1E8DA0; font-size: 1.15em; box-shadow: none; font-weight: 600; text-align: center; border-radius: 30px; border: 1px solid #1E8DA0; }
    .button4:hover, .button1:focus { background-color: #1E8DA0; color: #fff; }

.button5 { position: relative; width: 100%; display: block; padding: 18px 5px; box-sizing: border-box; background-color: transparent; color: #0E7287; font-size: 1.15em; box-shadow: none; font-weight: 400; text-align: center; border-radius: 30px; border: 1px solid #0E7287; box-shadow: none; }
    .button5:hover, .button5:focus { background-color: #00a1c3;color:#fff; }

.button6 { position: relative; width: 100%; display: block; padding: 15px 20px; box-sizing: border-box; background-color: #F5F5F5; color: #1E8DA0; font-size: 1.15em; box-shadow: none; font-weight: 600; text-align: center; border-radius: 20px; border: 1px solid #F5F5F5; }
    .button6:hover, .button6:focus, .button6.active { background-color: #DAF5F8; }

@media only screen and (max-width : 640px) {
    .button { padding:13px 10px !important; }
}