.hinfo-card{background-color:#101014;border:1px solid #2d3245;border-radius:8px;padding:40px;color:#c5c7cf;width:400px;height:250px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:box-shadow .3s ease}.hinfo-card:before{content:"";position:absolute;top:50%;left:50%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 60%);transform:translate(-50%,-50%);transition:transform .1s,opacity .2s;opacity:0;pointer-events:none;border-radius:50%}.hinfo-card-title-container{display:flex;flex-direction:column}.hinfo-card-title,.hinfo-card-subtitle{font-size:2rem;margin:0}.hinfo-card-icon-wrapper{position:absolute;top:-40px;right:-40px;width:60px;height:60px;border-bottom:1px solid #2d3245;border-left:1px solid #2d3245;display:flex;justify-content:center;align-items:center}.hinfo-card-text{font-size:1rem;line-height:1.5;margin:auto 0 0}.hinfo-card:before{content:"";position:absolute;top:var(--y);left:var(--x);width:400px;height:400px;background:radial-gradient(circle,#2ed1fa1e,transparent 70%);transform:translate(-50%,-50%);transition:transform .8s,opacity .8s;opacity:0;pointer-events:none;border-radius:50%}.hinfo-card:hover:before{opacity:1}.hinfo-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;position:relative}@media(max-width:500px){.hinfo-card-icon-wrapper{width:40px;height:40px;padding:10px}}