<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
body {
margin: 0;
}
.wrapper {
display: flex;
height: 20vh;
flex-direction: row;
justify-content: center;
align-items: center;
}
.button {
border: 1px transparent;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #eeeeee;
cursor: pointer;
display: inline-block;
font-family: Arial;
font-size: 20px;
padding: 8px 30px;
text-align: center;
text-decoration: none;
margin-left: 20px;
-webkit-animation: glowing 1300ms infinite;
-moz-animation: glowing 1300ms infinite;
-o-animation: glowing 1300ms infinite;
animation: glowing 1300ms infinite;
}
@-webkit-keyframes glowing {
0% { background-color: #0091b2; -webkit-box-shadow: 0 0 3px #0091b2; }
50% { background-color: #21c7ed; -webkit-box-shadow: 0 0 15px #21c7ed; }