<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
body {
background: #3b0044;
color:#6098FF;
font-family:sans-serif;
font-size:16px;
}
.wrapper {
margin: 80px auto;
text-align: center;
width: 100%;
position: relative;
}
.button {
padding: 15px 100px;
margin:10px 4px;
color: #ffffff;
font-family: sans-serif;
text-transform: uppercase;
text-align: center;
position: relative;
text-decoration: none;
display:inline-block;
}
.button{
border:1px solid transparent;
-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
}
.button::before {
content: '';
position: absolute;