.fab {
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.156863), 0px 2px 10px 0px rgba(0, 0, 0, 0.117647);
	background-color: @brand-primary;
	border: none;
	.border-radius(50%);
	cursor: pointer;
	line-height: 55.5px;
	vertical-align: middle;
	height: 55.5px;
	width: 55.5px;
}

.btn-group.open .dropdown-toggle.fab {
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.156863), 0px 2px 10px 0px rgba(0, 0, 0, 0.117647);
}

.fab.btn-morph {
	padding: 0;

	&.heart {
		> span > span {
			background-color: #e91e63;
		}
	}

	&.plus {
		background-color: @material-success;
		> span > span {
			background-color: white;
		}
	}
}