style.css

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body {
   width: 100%;
   height: 100vh;
   background-color: #fbfbfb;
   display: flex;
   align-items: center;
   justify-content: center;
}

.wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100vh;
   background-color: rgb(0, 32, 63, 0.1);
}

.holder {
   padding: 25px;
   min-width: 200px;
   min-height: 100px;
   background-color: #00203f;
   border-radius: 100px;
   box-shadow: 0pc 0pc 15px rgba(0, 0, 0, 0.3);
   display: flex;
   align-items: center;
   justify-content: center;
}

input {
   display: none;
}

label {
   width: 160px;
   height: 50px;
   background-color: #adefd1;
   border-radius: 50px;
}

.icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 160px;
   height: 50px;
}