<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>button</title>
</head>
<body>
<nav class="btn">
<p><ul><li><a href='Home.html'></i>Продолжить</a></li></ul></p>
</nav>
</body>
</html>
<style>
.btn {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.btn ul li a {
font-size: 20px;
color: #ffffff;
text-decoration: none;
padding: 20px 50px 20px 55px;
font-family: monospace;
border-radius: 10px;
background-size: 200%;
transition: .5s;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
background-color: #413a3a;
}
.btn ul,
.btn ol {
list-style: none;
}
.btn ul li a:hover {
background: rgb(67, 131, 216);
color: #fff;
}
</style>
