/**
 * Button
 */
.btn-like {
    margin: 0;
    display: inline-block;
    border-radius: .25em;
    border: 1px solid #d3d3d3;
    line-height: 1em;
    padding: .25em .5em;
    font-family: 'Georgia', Times New Roman, Times, serif; 
    font-size: 10pt; 

    color: red;
    background: #dfdfdf;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    text-decoration: none;
}

.btn-like {
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.btn-like:focus {
    outline: none;
    border-color: #999;
}

.btn-like:hover,
.btn-like.active,
.btn-like:active {
    color: #eee;
    text-shadow: 0 1px 0 rgba(0,0,0, .3);
    background-color: #f64136;
    border-color: #b12f27;
}

.btn-like:active {
  box-shadow: 0 0 5px 3px rgba(0,0,0,0.2) inset;
}

.btn-like.active:focus {
    background-color: #ff7d75;
}

.btn-like--vertical {
    width: 100%;
}


/**
 * Color themes
 */
 .btn-like a { 
    text-decoration: none;
   }
.btn-like--default-dark {
    color: #ddd;
    border-color: #333;
    background: #666;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

.btn-like--dark:hover,
.btn-like--dark.active,
.btn-like--dark:active {
    color: #eee;
    text-shadow: 0 1px 0 rgba(0,0,0, .3);
    background-color: #34495e;
    border-color: #2c3e50;
}

.btn-like--dark.active:focus {
    background-color: #46627e;
}

.btn-like--orange:hover,
.btn-like--orange.active,
.btn-like--orange:active {
    color: #eee;
    text-shadow: 0 1px 0 rgba(0,0,0, .3);
    background-color: #e67e22;
    border-color: #d35400;
}

.btn-like--orange.active:focus {
    background-color: #ff9a40;
}

.btn-like--green:hover,
.btn-like--green.active,
.btn-like--green:active {
    color: #eee;
    text-shadow: 0 1px 0 rgba(0,0,0, .3);
    background-color: #2ecc71;
    border-color: #27ae60;
}

.btn-like--green.active:focus {
    background-color: #6ad899;
}

.btn-like--blue:hover,
.btn-like--blue.active,
.btn-like--blue:active {
    color: #eee;
    text-shadow: 0 1px 0 rgba(0,0,0, .3);
    background-color: #64b2ee;
    border-color: #3498db;
}

.btn-like--blue.active:focus {
    background-color: #70c1ff;
}