button { outline: none; }

button:hover { cursor: pointer; }

button, .button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-family: 'gotham_problack', sans-serif;
    font-size: 1.6rem;
    line-height: 1.6rem;
    letter-spacing: 4px;
    padding: 20px 25px;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    -webkit-transition: background-color 200ms ease-in;
    -moz-transition: background-color 200ms ease-in;
    -ms-transition: background-color 200ms ease-in;
    -o-transition: background-color 200ms ease-in;
    transition: background-color 200ms ease-in;
}

button.wide, .button.wide {
    padding: 20px 61px;
}

button, button.white, .button, .button.white {
    background: no-repeat 25px center #ffffff;
    color:  #cccccc;
}

button.yellow, .button.yellow {
    background: no-repeat 25px center #feeca0;
    color:  #c5b46e;
}

button:hover, .button:hover {
    background-color: #eaeaea;
}

button.yellow:hover, .button.yellow:hover {
    background-color: #f5e293;
}

button.yellow:active, .button.yellow:active {
    color: #af9f5f;
}

button.with-icon, .button.with-icon { padding-left: 54px; }

button:disabled, button:disabled:hover, button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover {
    cursor: default;
    color: #c7c7c7;
    background-color: #f4f4f4;
}

button:disabled.pulse, .button.disabled.pulse {
    -webkit-animation: button-pulse 1s infinite alternate;
    -moz-animation: button-pulse 1s infinite alternate;
    -o-animation: button-pulse 1s infinite alternate;
    animation: button-pulse 1s infinite alternate;
}

button.disabled.active, .button.disabled.active {
    cursor: pointer;
}