프로파일 카드 3

			<div class="buttons">
				<button class="button">Subscribe</button>
				<button class="button">Message</button>
			</div>
			

			<div class="analytics">
				<div class="data">
					<i class="bx bx-heart"></i>
					<span class="number">60k</span>
				</div>
				<div class="data">
					<i class="bx bx-message-rounded"></i>
					<span class="number">20k</span>
				</div>
				<div class="data">
					<i class="bx bx-share"></i>
					<span class="number">12k</span>
				</div>
			</div>

.profile-card .buttons {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.buttons .button {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border: none;
  border-radius: 24px;
  margin: 0 10px;
  padding: 8px 24px;
  background-color: #4070f4;
  cursor: pointer;
  transition: all 0.3s ease;
}

.buttons .button:hover {
  background-color: #0e4bf1;
  transform: scale(0.98);
}

.profile-card .analytics {
	display: flex;
	align-items: center;
	margin-top: 25px;
}
.analytics .data {
	display: flex;
	align-items: center;
	color: #333;
	padding: 0 20px;
	border-right: 2px solid #e7e7e7;
}
.data i {
	font-size: 18px;
	margin-right: 6px;
}
.data:last-child {
	border-right: ?;
}