.iconcard{--card-background:#ce53ff;--hover-overlay:#ededed66;--title-color:#ae00ff;--text-color:#fff;--hover-end-color:#c300ff8e}.iconcard *{box-sizing:border-box;margin:0;padding:0}.iconcard .icontainer{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;display:flex}.iconcard .icard{background:linear-gradient(#9747ff1f 0%,#9747ff0a 50%,#9747ff12 100%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:320px;height:400px;display:flex;position:relative;overflow:hidden}.iconcard .icard:before{content:"";top:var(--y);left:var(--x);background:radial-gradient(circle, var(--hover-end-color) 0%, transparent, transparent 100%);opacity:0;width:600px;height:600px;transition:opacity .5s,top,left;position:absolute;transform:translate(-50%,-50%)}.iconcard .icard:hover:before{opacity:1}.iconcard .icard:hover:after{content:"";background:linear-gradient(#9747ff1f 0%,#9747ff0a 50%,#9747ff12 100%);border-radius:20px;position:absolute;inset:2px}.iconcard .icontent{text-align:center;z-index:10;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:80%;height:90%;padding:10px;display:flex;position:absolute}.iconcard .iicon{width:5rem;height:5rem}.iconcard .ititle{color:var(--title-color);margin-top:1rem;font-size:1.5rem;font-weight:700}.iconcard .idescription{color:var(--text-color);margin-top:1rem;font-weight:400}