.topic-card-hover-effect{transition:all .2s ease-in-out;min-height:120px;max-height:120px;position:relative;border-radius:.5rem;overflow:hidden}.topic-card:after,.topic-card:before{content:none!important}.topic-card-hover-effect:hover{box-shadow:0 0 0 3px #0ea5e9!important;transform:translateY(-2px)}.dark .topic-card-hover-effect:hover{box-shadow:0 0 0 3px #38bdf8!important}.topic-card-hover-effect:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(0,0,0,.3) 40%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.5));z-index:5;pointer-events:none}.topic-card-content{position:relative;z-index:10;padding:1rem;color:white;display:flex;align-items:center;justify-content:center;height:100%;text-align:center;width:100%}.topic-card-content h3{text-shadow:3px 3px 12px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.8),1px 1px 4px rgba(0,0,0,.7);font-size:1.5rem;padding:.75rem 1.25rem;border-radius:.5rem;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.3);letter-spacing:.5px;font-weight:700;text-align:center;max-width:100%;font-size:clamp(1rem,2.5vw,1.5rem)}