.sc-button-small:before {
    height: 20px;
    width: 20px;
}
.sc-button-like:before {
    left: 3px;
}
.sc-button-addtogroup:before, .sc-button-addtoset:before, .sc-button-block:before, .sc-button-buy:before, .sc-button-delete:before, .sc-button-download:before, .sc-button-edit:before, .sc-button-instagram:before, .sc-button-like:before, .sc-button-message:before, .sc-button-moderate:before, .sc-button-pc:before, .sc-button-reply:before, .sc-button-repost:before, .sc-button-share:before, .sc-button-thumbup:before, .sc-button-thumbdown:before, .sc-button-upload:before {
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    left: 4px;
    position: absolute;
    top: 0;
    width: 20px;
}
.sc-button-toolbar > .sc-button, .sc-button-group > .sc-button {
    float: left;
    margin-right: 5px;
}
.sc-button-small.sc-button-icon, .sc-button-small.sc-button-responsive {
    min-width: 25px;
}
.sc-button-like {
    text-indent: 15px;
}
.sc-button-small {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02), 0 1px 0 rgba(255, 255, 255, 1) inset, -1px 0 0 rgba(255, 255, 255, 1) inset, 0 -1px 0 rgba(255, 255, 255, 0.5) inset, 1px 0 0 rgba(255, 255, 255, 1) inset;
    font-size: 11px;
    height: 22px;
    line-height: 16px;
    padding: 2px 8px;
}
.sc-button-large {
    font-size: 16px;
    height: 40px;
    line-height: 18px;
    padding: 10px 15px;
}
.sc-button:hover, .sc-button:focus, .sc-button-focus {
    background-color: #f9f9f9;
    border-color: #e5e5e5 #ccc #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 1) inset, -1px 0 0 rgba(248, 248, 248, 1) inset, 0 -1px 0 rgba(248, 248, 248, 0.5) inset, 1px 0 0 rgba(248, 248, 248, 1) inset;
    color: #333;
    outline: 0 none;
    text-shadow: -1px -1px 0 #fcfcfc, 1px -1px 0 #fcfcfc, -1px 1px 0 #fcfcfc, 1px 1px 0 #fff;
}
.sc-button,
button,
input[type="button"],
input[type="submit"] {
    -moz-user-select: none;
    background-color: #fcfcfc;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.3) 60%, rgba(225, 225, 225, 0.6));
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02), 0 1px 0 rgba(255, 255, 255, 0.7) inset, -1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 rgba(255, 255, 255, 0.5) inset, 1px 0 0 rgba(255, 255, 255, 0.7) inset;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-weight: 100;
    height: 26px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: baseline;
    white-space: nowrap;
    outline: none;
}

.sc-button-active, .sc-button-active:hover, .sc-button-active:focus, .sc-button-active.sc-button-focus, .sc-button-selected, .sc-button-selected:hover, .sc-button-selected:focus, .sc-button-selected.sc-button-focus {
    background-color: #eee;
    border: 1px solid rgb(200, 200, 200);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 2px 2px rgba(0, 0, 0, 0.05) inset, 0 1px 1px rgba(0, 0, 0, 0.08) inset, -2px 0 2px rgba(0, 0, 0, 0.03) inset, 0 -1px 0 rgba(0, 0, 0, 0.02) inset, 2px 0 2px rgba(0, 0, 0, 0.03) inset;
    text-shadow: none;
}