@charset "utf-8";
.button,
.buttonX {
    display: inline-block;
    border: 2px solid rgba(33, 68, 72, 0.59);
    margin-top: 12px;
    padding-top: 12px;
    color: rgba(40, 40, 40, 0.55);
    text-align: center;
    background: #a4b9bf;
    background: -webkit-linear-gradient(top, #cbd0bc, #b4bfc3);
    background: -moz-linear-gradient(top, #cbd0bc, #b4bfc3);
    background: -o-linear-gradient(top, #cbd0bc, #b4bfc3);
    background: -ms-linear-gradient(top, #cbd0bc, #b4bfc3);
    background: linear-gradient(top, #cbd0bc, #b4bfc3);
    background: linear-gradient(top, #cbd0bc, #b4bfc3);
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    -webkit-box-shadow: 2px 8px 4px #1b383b;
    -moz-box-shadow: 2px 8px 4px #1b383b;
    box-shadow: 2px 8px 4px #1b383b;
    text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.6);
}

.button {
    height: 66px;
    width: 240px;
    font: bold 44px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.buttonX {
    height: 56px;
    width: 270px;
    font: bold 28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a.button,
a.buttonX {
    text-decoration: none;
}

a.button:hover,
a.buttonX:hover {
    color: #FF5000;
    background: #6dAaB0;
    background: -webkit-linear-gradient(top, #edf2c0, #cbd0bc);
    background: -moz-linear-gradient(top, #edf2c0, #cbd0bc);
    background: -o-linear-gradient(top, #edf2c0, #cbd0bc);
    background: -ms-linear-gradient(top, #edf2c0, #cbd0bc);
    background: linear-gradient(top, #edf2c0, #cbd0bc);
    text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.9);
}

@media (max-width: 520px) {
    .button,
    .buttonX {
        margin-left: 0;
    }
}