@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";body{height:100%;position:relative;margin:0;font-family:Inter,serif;font-weight:900}.container{display:flex;flex-wrap:wrap;justify-content:space-between}.item{display:flex;flex-direction:column;width:32%;font-weight:400;background:black;margin-top:7%;margin-bottom:20%;position:relative;align-items:center;box-sizing:border-box;color:#fff;background-clip:padding-box;border:solid 5px #9945FF;border-radius:1em 4em 3em 1em;padding:2%}@keyframes diagonal_move{0%{background-position:-10rem -10rem}50%{background-position:0 0}to{background-position:10rem 10rem}}@media only screen and (max-width: 1172px){.container{flex-direction:column}.item{width:100%}}.flip{padding-top:20px;background:#000}.flip a{line-height:44px;perspective:1000px}.flip a span{position:relative;display:inline-block;padding:0 14px;background:#14F195;transition:all .3s;transform-origin:50% 0;transform-style:preserve-3d;border-radius:19px!important}.flip a span:before{position:absolute;top:100%;left:0;width:100%;height:100%;text-align:center;background:#09633e;content:attr(data-hover);transition:all .3s;transform:rotateX(-90deg);transform-origin:50% 0}.flip a:hover,.flip a:focus{outline:none}.flip a:hover span,.flip a:focus span{transform:rotateX(90deg) translateY(-22px)}.flip a:hover span:before,.flip a:focus span:before{background:#0F2027;background:-webkit-linear-gradient(to right,#2C5364,#203A43,#0F2027);background:linear-gradient(to right,#2C5364,#203A43,#0F2027)}