JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block buy">
  <div class="block-title">
    <span class="line-1">Title</span>
  </div>
  <div class="block-content">
    <h2></h2>
  </div>
  <div class="block-footer">
  </div>
</div>

CSS

.block {
		width: 300px;
		margin-left: auto;
		margin-right: 15px;
		display: inline-block;
		vertical-align: top;
		margin-top: 35px;
		font-weight: 400;
		text-align: left;
	}
	.block-title {
		height: 70px;
		padding: 20px;
	}
	.block-content {
		width: 100%;
		height: 255px;
		text-align: center;
	}

      .block-footer {
        height: 75px;
      }
      .block-title,
      .block-content,
      .block-footer {
        color: #fff;
      }
      .line-1 {
        font-weight: 300;
        font-size: 20px;
        display: block;
      }
      .buy > * {
        background-color: #558F38;
      }