body {
    background-color: #1d1e22;
    color: #FFFFFF;
}

.center {
    position: absolute;
    left: 50%;
    top: 50%;

    /* You must set a size manually */
    width: 200px;
    height: 50px;

    /* Set negative margins equal to half the size */
    margin-left: -100px;
    margin-top: -25px;

    /* background-color: cornflowerblue; */
}

.button1 {background-color: #4CAF50;} /* Green */

.button2 {
   background-image: linear-gradient(92.88deg, #455EB5 9.16%, #5643CC 43.89%, #673FD7 64.72%);
   border-radius: 8px;
   border-style: none;
   box-sizing: border-box;
   color: #FFFFFF;
   cursor: pointer;
   flex-shrink: 0;
   font-family: "Inter UI","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
   font-size: 16px;
   font-weight: 500;
   height: 4rem;
   padding: 0 1.6rem;
   text-align: center;
   text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
   transition: all .5s;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
}

.button2:hover {
    box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
    transition-duration: .1s;
}

@media (min-width: 768px) {
    .button2 {
        padding: 0 2.6rem;
    }
}