<div>
  <a href="">
    <h3>ボタン</h3>
    <p>詳細はこちら</p>
  </a>
</div>
a {
  height: 130px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #aaaaaa;
  color:#000;
  text-decoration:none;
  h3 {
    font-size: 18px;
    text-align: center;
  }
  p {
    position: absolute;
    right: 4%;
    bottom: 5%;
    font-size: 12px;
 }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.