.outer{height:250px;border-radius:10px;padding:1px;background:radial-gradient(circle 230px at 0 0,#fff,#0c0d0d);position:relative}.outer .card{z-index:1;width:100%;height:100%;border-radius:9px;border:1px solid #202222;background-size:20px 20px;background:radial-gradient(circle 280px at 0 0,#444,#0c0d0d);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;flex-direction:column;color:#fff}.outer .card .text{font-weight:bolder;font-size:2rem;background:linear-gradient(45deg,#b4b4b4 4%,#fff,#c8c8c8);background-clip:text;color:transparent}.outer .card .line{width:100%;height:1px;position:absolute;background-color:#2c2c2c}.outer .card .topl{top:10%;background:linear-gradient(90deg,#888 30%,#1d1f1f 70%)}.outer .card .bottoml{bottom:10%}.outer .card .leftl{left:10%;width:1px;height:100%;background:linear-gradient(180deg,#747474 30%,#222424 70%)}.outer .card .rightl{right:10%;width:1px;height:100%}