.color-grey { color: #E8E8E8 !important; } /* Facebook */
.color-red { color: #F05454 !important; } /* Twitter */
.color-blue { color: #30475E !important; } /* LinkedIn */
.color-black { color: #222831 !important; } /* Instagram */

/* Basic Buttons */

.ui.basic.color-grey.button, .ui.basic.color-grey.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #E8E8E8 inset;
    box-shadow: 0 0 0 1px #E8E8E8 inset;
    color: #E8E8E8;
}
.ui.basic.color-red.button, .ui.basic.color-red.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #F05454 inset;
    box-shadow: 0 0 0 1px #F05454 inset;
    color: #F05454;
}
.ui.basic.color-blue.button, .ui.basic.color-blue.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #30475E inset;
    box-shadow: 0 0 0 1px #30475E inset;
    color: #30475E;
}
.ui.basic.color-black.button, .ui.basic.color-black.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #30475E inset;
    box-shadow: 0 0 0 1px #222831 inset;
    color: #222831;
}

.ui.basic.color-grey.button:hover, .ui.basic.color-grey.buttons:hover,
.ui.basic.color-red.button:hover, .ui.basic.color-red.buttons:hover,
.ui.basic.color-blue.button:hover, .ui.basic.color-blue.buttons:hover,
.ui.basic.color-black.button:hover, .ui.basic.color-black.buttons:hover
{
    filter: brightness(85%);
}