style.css

@import url('https://fonts.googleapis.com/css2?family-Poppins&display-swap');
*{ margin: 0; padding: 0; box-sizing:border-box; font-family:'Poppins', sans-serif;
}
body{
display: flex; justify-content: center; align-items: center; height: 100vh;
}
 .container{
width: 450px; background: #000000dc; box-shadow: 0 0 30px #2121216b; 
padding: 3.5em 2.5em; color: white;
border-style: double;
border: #ff0000;
border-width: 20ch;
border: radius 50px;
 position: relative; display: flex; 
 align-items: center; flex-direction: column;
 }
.container .author{
margin-top: 1em;
background: linear-gradient(to right, #16A085, #f4D03F);
background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} 
.btn{
width: 150px; height: 40px; position: absolute;
bottom: -8%; 
border: #0a0606;
border-radius:10%;
border-style: double;
background: Linear-gradient(to right, #0f7964, #3af071);
color: white;cursor:pointer; 
font-size: 1.3em; 
}