JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div class="item"><div>
				<span class="itemheader">
					Стандарт
				</span>
				<br>
				<span class="itemnumber">
					5					
				</span><br>
				<span class="itemtext">
					Консультации «Право пациента» / «Мнение врача» (24/7) 
				</span><br>
				<span class="itemaccept">
					<img src="images/check.svg"  alt="">
				</span>
					<span class="itemtext">
					Устная консультация «Второе мнение» (Россия)
				</span>
			<br>
				<span class="itemcost">
					3 500
				</span><br>
				<span class="itemcurrency">
					рублей
				</span></div>
			
				<button class="buybutton">КУПИТЬ</button></div>
			
</body>
</html>

CSS

.item {
	width:33%;
	text-align:center;
}
.item div {
	padding:45px 24px 37px 24px;
}
.itemheader {
	color:#505050;
	font-size:28px;
}
.itemnumber {
	color: #b47eb9;
	font-size:36px;
	font-weight:bold;
	margin-top:-10px;

}
.itemaccept img  {
	margin:0 auto;
	width:26px !important;
	margin-bottom:40px;
}
.itemtext {
	color:#707070;
	font-size:16px;
}
.itemcost {
	margin-top:10px;
	font-size:32px;
	font-weight:bold;
	color:#404040;
}
.item span {
	display:block;
	
}
.itemtext {
	margin-top:-20px;
}
.itemcurrency {
	margin-top:-30px;
	color:#404040;
	font-size:18px;
}
.item {
	background-color:#fff;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
	border-top-left-radius: 16px;
border-top-right-radius: 16px;
	margin:20px;
	position:relative;
	z-index:500 !important;
}
.item button {
	width:100%;
	background:#3cc3b3;
color:#fff;
border:0px;
	border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
font-size:18px;
font-weight:bold;
padding:23px 0px 17px 0px;
z-index:-1;
margin-top:-150px;
bottom:0;
cursor:pointer;
left:0;
	position:absolute;
	z-index:-1 !important;
	margin-top:-100px;

cursor:pointer;
}