/* from https://www.webdesignerwall.com/tutorials/css3-gradient-buttons/ */
.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% 'Myriad Pro', Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}
/* end */

.bigbutton {
    font: 28px/100% 'Myriad Pro', Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.hugebutton {
    font: 40px/100% 'Myriad Pro', Arial, Helvetica, sans-serif;
    font-weight: bold;
}