.wd-tools-element.wd-design-8 .wd-tools-inner {
	display: flex;
	align-items: center;
	border-radius: 42px;
	height: 42px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: var(--wd-primary-color);
	transition: background-color .25s ease;
	color: #fff;
}

.wd-tools-element.wd-design-8 .wd-tools-text {
	margin-left: 10px;
	margin-right: 10px;
	transition: color .25s ease;
}

.wd-tools-element.wd-design-8 .wd-tools-icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #fff;
	color: #333;
	transition: all .25s ease;
}

.whb-top-bar .wd-tools-element.wd-design-8 .wd-tools-inner {
	height: 28px;
}

.whb-top-bar .wd-tools-element.wd-design-8 .wd-tools-icon {
	height: 22px;
	width: 22px;
}

.whb-top-bar .wd-tools-element.wd-design-8 .wd-tools-icon:before {
	font-size: 12px;
}

.whb-top-bar .wd-tools-element.wd-design-8 .wd-tools-text {
	margin-left: 6px;
	margin-right: 6px;
}

.wd-tools-element.wd-design-8:hover .wd-tools-inner {
	color: rgba(255, 255, 255, .8);
}

.wd-tools-element.wd-design-8:hover .wd-tools-icon {
	color: #777;
}