.wb_ffb_bubble_container:not(:first-child){
	margin-top: 30px;
}
.wb_ffb_bubble_container:after{
	content: '';
    clear: both;
    height: 100%;
    display: block;
}
.wb_ffb_buble_box{
	float: left;
	width: 30%;
}
.wb_ffb_bubble{
	width: 100px;
	height: 70px;
}
.wb_ffb_bubble {
	display: inline-block;
	position: relative;
	background: #00aabb;
	border: 5px solid #00aabb;
	border-radius: 12px;
}

.wb_ffb_bubble:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 22px solid transparent;
	border-top-color: #00aabb;
	border-bottom: 0;
	margin-left: -11px;
	margin-bottom: -20px;
}
.wb_ffb_bubble_square_bottom_left:after {
	border-left: 0;
}

.wb_ffb_bubble_square_bottom_right:after{
	border-right: 0;
}
.wb_ffb_bubble.wb_ffb_bubble_square_bottom_plain:after{
	margin-left: -22px;
	margin-bottom: -12px;
}

.wb_ffb_bubble_round_bottom_left,
.wb_ffb_bubble_round_bottom_right,
.wb_ffb_bubble_round_bottom_plain{
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.wb_ffb_bubble_round_bottom_left:after {
	border-left: 0;
}

.wb_ffb_bubble_round_bottom_right:after{
	border-right: 0;
}
.wb_ffb_bubble.wb_ffb_bubble_round_bottom_plain:after{
	margin-left: -22px;
	margin-bottom: -12px;
}
.wb_ffb_bubble_text{
	display: table;
	width: 100%;
	height: 100%;
}
.wb_ffb_bubble_text .dashicons{
	font-size: 50px;
	color: #fff;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 15px;
    -webkit-transition: 500ms all;
    transition: 500ms all;
}

.wb-ffb-open-form .wb_ffb_bubble_text .dashicons{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #00aabb;
}
.wb-ffb-open-form .wb_ffb_bubble{
	background: #fff;
	border: 5px solid #00aabb;
}