.card{background:linear-gradient(180deg,#141928e6,#1e283cf2);border:1px solid rgba(100,200,255,.3);border-radius:10px;box-shadow:0 0 15px #64c8ff66;color:#d0eaff;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:300px}.card:before{background:radial-gradient(circle,rgba(100,200,255,.2),transparent 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease-in-out;width:200%}.card:hover:before{opacity:1}.card-title{font-size:20px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.card-content{font-size:16px;opacity:.8}