body{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    background: #000000;
}
.con{
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.btn{
    border: none;
    margin: 20px;
    padding:10px;
    width:120px;
    text-transform: uppercase;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.8s;
    background-size: 200%;
    font-weight: 500;
    color: #fff;
}
.btn1{
    background-image: linear-gradient(to left, #F79F1F,#EE5A24,#FFC312);
}
.btn2{
    background-image: linear-gradient(to left,#009432,#C4E538,#A3CB38);
}
.btn3{
    background-image: linear-gradient(to left,#EA2027,#833471,#ED4C67);
}
.btn4{
    background-image: linear-gradient(to left,#9980FA,#D980FA,#1B1464);
}
.btn:hover{
    background-position: right;
}