left right arrow design for any carousel

left right arrow design for any carousel

by rajnishw3

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- for icons you should use your own icons or call the fontawesome -->
<!-- call font awesome css 
https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
-->

<!-- left-button -->
<div class="left-button">
	<i class="fa fa-long-arrow-left"></i>
</div>

<!-- right-button -->
<div class="right-button">
	<i class="fa fa-long-arrow-right"></i>
</div>

CSS

.left-button,
.right-button{
	background: #EA0026;
	height: 35px;
	width: 70px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	color: #FFF;
	opacity: 1;
	padding: 3px 10px;
	border-radius: 30px;
	display:inline-block;
}