gistfile1.txt

.button {
    display: inline-block;
    vertical-align: baseline;
    zoom:1;*display: inline;
    *vertical-align: auto;
    margin: 0;
    height: 32px;
    overflow: hidden;
    padding: 0 18px;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    background: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none
}

.button:hover {
    text-decoration: none
}

.button.green {
    border-color: #4cb07a
}

.button.green.hollow {
    color: #4cb07a;
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.button.green.hollow:hover,.button.green.hollow:focus {
    color: #fff;
    background: #4cb07a;
    border-color: #4cb07a
}

.button.green.filled {
    color: #FFF;
    background: #4cb07a
}

.button.green.filled:hover,.button.green.filled:focus {
    border-color: #449e6e
}

.button.green.filled:focus {
    background: #55b682
}

.button.green.filled-shadow {
    color: #FFF;
    background: #4cb07a;
    letter-spacing: 1px;
    -webkit-box-shadow: 0px 3px 0 0px #449e6e;
    -moz-box-shadow: 0px 3px 0 0px #449e6e;
    box-shadow: 0px 3px 0 0px #449e6e
}

.button.green.filled-shadow:hover,.button.green.filled-shadow:focus {
    border-color: #55b682;
    background: #55b682
}

.button.grey {
    border-color: #788290
}

.button.grey.hollow {
    color: #788290;
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.button.grey.hollow:hover,.button.grey.hollow:focus {
    color: #fff;
    background: #788290;
    border-color: #788290
}

.button.grey.filled {
    color: #FFF;
    background: #788290
}

.button.grey.filled:hover,.button.grey.filled:focus {
    border-color: #656d78
}

.button.grey.filled:focus {
    background: #808a97
}

.button.grey.filled-shadow {
    color: #FFF;
    background: #788290;
    letter-spacing: 1px;
    -webkit-box-shadow: 0px 3px 0 0px #656d78;
    -moz-box-shadow: 0px 3px 0 0px #656d78;
    box-shadow: 0px 3px 0 0px #656d78
}

.button.grey.filled-shadow:hover,.button.grey.filled-shadow:focus {
    border-color: #808a97;
    background: #808a97
}

.button.blue {
    border-color: #55bbea
}

.button.blue.hollow {
    color: #55bbea;
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.button.blue.hollow:hover,.button.blue.hollow:focus {
    color: #fff;
    background: #55bbea;
    border-color: #55bbea
}

.button.blue.filled {
    color: #FFF;
    background: #55bbea
}

.button.blue.filled:hover,.button.blue.filled:focus {
    border-color: #28a9e4
}

.button.blue.filled:focus {
    background: #63c0ec
}

.button.blue.filled-shadow {
    color: #FFF;
    background: #55bbea;
    letter-spacing: 1px;
    -webkit-box-shadow: 0px 3px 0 0px #28a9e4;
    -moz-box-shadow: 0px 3px 0 0px #28a9e4;
    box-shadow: 0px 3px 0 0px #28a9e4
}

.button.blue.filled-shadow:hover,.button.blue.filled-shadow:focus {
    border-color: #63c0ec;
    background: #63c0ec
}

.button.orange {
    border-color: #fba617
}

.button.orange.hollow {
    color: #fba617;
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.button.orange.hollow:hover,.button.orange.hollow:focus {
    color: #fff;
    background: #fba617;
    border-color: #fba617
}

.button.orange.filled {
    color: #FFF;
    background: #fba617
}

.button.orange.filled:hover,.button.orange.filled:focus {
    border-color: #db8b04
}

.button.orange.filled:focus {
    background: #fbac26
}

.button.orange.filled-shadow {
    color: #FFF;
    background: #fba617;
    letter-spacing: 1px;
    -webkit-box-shadow: 0px 3px 0 0px #db8b04;
    -moz-box-shadow: 0px 3px 0 0px #db8b04;
    box-shadow: 0px 3px 0 0px #db8b04
}

.button.orange.filled-shadow:hover,.button.orange.filled-shadow:focus {
    border-color: #fbac26;
    background: #fbac26
}

.button.facebook {
    padding: 0;
    border-color: #4c66a4
}

.button.facebook.hollow {
    color: #4c66a4;
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.button.facebook.hollow:hover,.button.facebook.hollow:focus {
    color: #fff;
    background: #4c66a4;
    border-color: #4c66a4
}

.button.facebook.filled {
    color: #FFF;
    background: #4c66a4
}

.button.facebook.filled:hover,.button.facebook.filled:focus {
    border-color: #3c5081
}

.button.facebook.filled:focus {
    background: #516dae
}

.button.facebook.filled-shadow {
    color: #FFF;
    background: #4c66a4;
    letter-spacing: 1px;
    -webkit-box-shadow: 0px 3px 0 0px #3c5081;
    -moz-box-shadow: 0px 3px 0 0px #3c5081;
    box-shadow: 0px 3px 0 0px #3c5081
}

.button.facebook.filled-shadow:hover,.button.facebook.filled-shadow:focus {
    border-color: #516dae;
    background: #516dae
}

.button.facebook i {
    float: left;
    padding: 0 5px;
    border-right: 1px solid rgba(255,255,255,0.2)
}

.button.facebook .fb-text {
    padding: 0 10px
}

.button.smaller {
    height: 22px;
    padding: 0 9px;
    font-size: 10px;
    line-height: 22px
}

.button.small {
    height: 24px;
    padding: 0 9px;
    font-size: 10px;
    line-height: 24px
}

.button.medium {
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 32px
}

.button.big {
    height: 42px;
    line-height: 42px;
    padding: 0 22px
}

.button.block {
    display: block
}