JSFiddle - React, Tailwind, and code Playground

HTML

<h1>見出し</h1>
<p>本文テキストです。本文テキストです。本文テキストです。<br>本文テキストです。本文テキストです。本文テキストです。<br>本文テキストです。本文テキストです。</p>
<a href="https://coosy.co.jp/blog/" target="_blank">リンク(クーシーブログトップページへ飛びます)</a>

CSS

h1{
  padding-left: 20px;
  border-left: solid 6px #6ebae0;
}

p{
  font-size: 14px;
  line-height: 1.8em;
}

a{
  display: inline-block;
  margin-top: 12px;
  padding: 10px;
  border: solid 1px #6ebae0;
  background-color: #6ebae0;
  text-decoration: none;
  color: #fff;
  transition: all 0.2s ease-out;
}

a:hover{
  opacity: 0.5;
  color: #fff;
}