@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Poppins;
}
body
{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: black
}
.card
{
    position: relative;
    background: #fff;
    width: 210px;
    height: 60px;
    border-radius: 10px;
    text-align: center;
    justify-content: center;
    margin-top: -200px;
    box-shadow: 1px 2px 14px rgba(255, 255, 255, 0.9);
}
.card h1
{
    text-align: center;
    justify-content: center;
    transform: translate(0%,10%);
}
.card h2
{
    color: #fff;
    transform: translate(0%,10%);
    border: 2px solid #fff;
    border-radius: 20px;
}
.card button 
{
    background: orange;
    border: none;
    border-radius: 20px;
    width: 177px;
    height: 45px;
    transform: translate(0%,30px);
    color: purple;
    font-weight: 900;
    font-size: 1em;
    transition: .1s;
}
.card button:hover
{
    width: 180px;
    height: 50px;
}