:root{--clr-primary:#0e48fe;--clr-primary-hover:#29e6a7;--clr-primary-dark:#039d69;--clr-popular:#ef257a;--clr-technology:#651fff;--clr-psychology:#e85808}.card{width:100%;max-width:350px;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 20px var(--clr-gray300);transition:transform .25s ease-in-out;cursor:pointer;overflow:hidden;position:relative;margin-bottom:1rem;&:hover{transform:scale(1.02);box-shadow:0 2px 25px var(--clr-gray300)}.cardBg{background-color:#020024;background-color:radial-gradient(circle,#020024 0,#171750 35%,#00d4ff 100%)}&__banner{position:relative}&__category{position:absolute;top:1rem;left:1rem;background-color:var(--clr-popular);color:#fff;font-weight:700;text-transform:uppercase;padding:.5rem 1rem;border-radius:0 2rem 2rem 0}&__body{padding:1rem}&__hashtag{color:var(--clr-link);font-weight:500}&__title{margin:1rem 0 .5rem;font-size:1.25rem}&__description{font-size:.9rem;color:var(--clr-gray500)}&__profile{display:flex;margin-top:2rem;align-items:center;&__profileimg{width:60px;height:60px;object-fit:cover;border-radius:50%}&__profileinfo{margin-left:1rem}&__profilename{font-size:1rem}&__profilefollowers{font-size:.9rem;color:var(--clr-gray500)}}}