<head>
<style>
a:link, a:visited {
  background-color: #630713;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: #46c768;
}
</style>
</head>
<body>

<h2>Link Button</h2>
<p>A link styled as a button:</p>
<a href="https://cdn.pixabay.com/photo/2019/06/18/11/32/cat-4282123_960_720.jpg" target="_blank">Click here!</a>

</body>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.