Click to Call Button in Beaver Builder

button-click-to-call.css

/**
 * Add click to call Phone button in Beaver Builder
 *
 * @author Davinder Singh Kainth
 * @link http://probeaver.com/?p=735
 *
 */
 
 
 
 /* Code to be added in text widget in Beaver Builder */
 <div class="phone"><a href="tel:1-800-555-5555" class="fl-button">1-800-555-5555</a></div>
 
 
 
 /* This code should be added to style.css file of Beaver Builder theme or CSS box of Beaver Builder plugin */
 .phone a {
	font-weight: bold;
	padding: 5px 15px;
	-webkit-border-radius: 15px;
  	-moz-border-radius: 15px;
  	border-radius: 15px;
	letter-spacing: 1px;
}
.phone a::before {
	content: "\f095 ";
  	font-family: FontAwesome; 
	margin-right: 5px;
}
.phone a:hover {
	text-decoration: none;
}