Best Product V.2

1. Copy this code:

<!-- Start Best Product V.2 -->
<div class="b-choice">
  <div class="b-label">BEST CHOICE</div>
  <a href="#" target="_blank">
    <img src="https://m.media-amazon.com/images/I/61Xg9ObpLgL._SL1500_.jpg" alt="Momcozy Pregnancy Pillow" />
  </a>
  <div class="b-name">TOP #1 Pregnancy Pillow</div>
  <div class="b-desc">Momcozy Pregnancy Pillows for Sleeping</div>
  <div class="b-text">Momcozy pregnancy pillow is a gold recipient of the prestigious Mom's Choice Awards. Around the world, parents, educators, retailers, and members of the media trust the MCA Honoring Excellence seal when selecting quality products and services for families and children.</div>
  <a href="#" target="_blank">
    <span class="b-buy">Buy Now</span>
  </a>
</div>
<!-- End Best Product V.2 -->

2. Add this to “Custom CSS/JS”:

.b-choice {
	border: 4px solid #fe7900;
	padding: 10px 40px 30px 40px;
	margin: 40px 0px;		
	height: 100%;
	min-height: 100%;
}
.b-label {
	margin: -25px 0 0 -10px;
	color: #fe7900;
	background: #fff;
	display: block;
	float:left;
	padding: 0 10px;
	font-weight: 700;
	text-transform: uppercase;
}
.b-name {
	font-size: 25px;
	line-height: 1.35;
	font-weight: 700;
	color: #077ecb;
	clear: left;
	padding: 20px 0 5px 0;
}
.b-name a {
	color: #077ecb;
}
.b-desc {
	color: #000;
	font-weight: 700;
}
.b-text {
	padding: 20px 0;
}
span.b-buy {
	display: inline-block;
	background-color: #22ba5f;
	border-radius: 35px;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	padding: 15px 55px;
	margin: 20px 0px 0px 0px;
	font-weight: 700;
	border: none;
	letter-spacing: -0.2px;
}
.b-choice img {
	float: right;
	margin: 20px 0px 20px 40px;
	max-height: 300px;
	max-width: 300px;
}
@media only screen and (max-width: 640px) {
	.b-choice img {
		float: none;
		display: block;
		clear: both;
		margin: 0 auto;
	}
	.b-choice {
		text-align: center;
	}
}