body{
    margin: 0;
    padding: 0;
    width: 100vw;
    min-height: 100vh;
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container{
    background: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap-reverse;
    padding: 15px;
    border-radius: 4px;
    height: max-content;
    justify-content: center;
    box-shadow: 4px 5px 7px rgba(0, 0, 0, 0.263);
}
.left{
    width: 195px;
    height: 195px;
    background: url(/assets/gif/ani1.gif) no-repeat;
    background-size: cover;
    background-position: center;
    margin: 5px;
}
.right{
    width: 423px;
    padding: 9px;
}
.right h1{
    margin: 7px;
    font-size: 32px;
    background: linear-gradient(159deg,rgb(65, 212, 225),royalblue,rgb(194, 34, 226));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.right p{
    margin: 5px;
    font-size: 17px;
    color: dimgray;
}
.btn{
    width: 96%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 15px;
    height: 123px;
}
.btn p{
    color: #fff;
    font-size: 16px;
}
.btn a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 99px;
    height: 99px;
    background: linear-gradient(159deg,rgb(0, 217, 98),rgb(102, 216, 2));
    border-radius: 9px;
    text-decoration: none;
    user-select: none;
    font-size: 17px;
    color: #fff;
    transition: 0.5s;
}
.btn a:hover{
    animation: hov 1s;
}
.btn a:active{
    animation: ani 1s;
}
.btn button:active{
    animation: ani 1s;
}
@keyframes hov{
    50%{
        transform: translateY(-7px);
    }
}
.btn a i{
    font-size: 23px;
}
.btn a p{
    margin: 3px;
}
@media(max-width:705px){
    .right{
        width: 333px;
    }
}
@media(max-width:527px){
    .container{
        width: 89%;
    }
    .left{
        display: none;
    }
    .right{
        width: 91%;
    }
    .right p{
        font-size: 14px;
    }
    .right h1{
        font-size: 7vw;
    }
    .btn a{
        width: 63px;
        height: 63px;
        margin: 3px;
    }
    .btn a i{
        font-size: 15px;
    }
    .btn p{
        font-size: 13px;
    }
    .btn button p{
        font-size: 11px;
    }
}