JSFiddle - React, Tailwind, and code Playground

by Nonamenonamevi4

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Ссылка как кнопка</title>
</head>
<body>
  <a href="#">Комментировать</a>
</body>
</html>

CSS

body {
  margin: 50px;
}

a {
  border: 1px solid black;
  text-decoration: none;
  padding: 10px;
  color: black;
}

a:hover {
  color: red;
  box-shadow: 0 0 5px black;
  background: linear-gradient(to top, #e9eacf, #fafdf1);
}