/* Save an empty style text box to reload the default example styles.
 * These styles are provided as examples only - modifications may be 
 * necessary to customize the layout for your website. Social sharing
 * buttons can be aligned vertically, horizontally, floated, etc.
 */

/* align the buttons vertically in two 117px wide columns */
.ngfb-admin_edit-buttons { 
	text-align:left; 
}
.ngfb-admin_edit-buttons .ngfb-buttons { 
	margin:0;
}
.ngfb-admin_edit-buttons .ngfb-buttons > div { 
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:5px 0;
	width:118px; 
	height:20px;
}

/* non-JavaScript buttons */

.ngfb-admin_edit-buttons .ngfb-buttons div.css-button a {
	display:inline-block;
	line-height:20px;
	width:60px;
	font-size:10px;
	border-radius:3px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	border:0.5px solid #ddd;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.ngfb-admin_edit-buttons .ngfb-buttons div.css-button a .ngfb-icon {
	fill:#ffffff;
	vertical-align:bottom;
}

.ngfb-admin_edit-buttons .ngfb-buttons div.css-button a .ngfb-text {
	color:#ffffff;
	white-space:nowrap;
	font-weight:bold;
}

.ngfb-admin_edit-buttons .ngfb-buttons div.email-button a { width:60px; background-color:#0a88ff; }
.ngfb-admin_edit-buttons .ngfb-buttons div.email-button a:hover { background-color:#006ed6; }
.ngfb-admin_edit-buttons .ngfb-buttons div.email-button a .ngfb-text:before { content:" E-Mail"; }

.ngfb-admin_edit-buttons .ngfb-buttons div.whatsapp-button a { width:80px; background-color:#64d448; }
.ngfb-admin_edit-buttons .ngfb-buttons div.whatsapp-button a:hover { background-color:#49bd2c; }
.ngfb-admin_edit-buttons .ngfb-buttons div.whatsapp-button a .ngfb-text:before { content:" WhatsApp"; }