.card-container{border:1px solid var(--dimmed-text);flex-direction:column;gap:10px;min-width:450px;transition:all .3s;display:flex;position:relative}.card-container:before{content:"";z-index:0;transition:all .5s;position:absolute;inset:0}.card-container:hover:before{background:linear-gradient(90deg,#1a471a0c,#b4b42c0a)}.card-image>img{width:100%;height:auto;padding:10px;position:relative}.category-content{color:#fff;z-index:111;position:absolute;top:-3px;left:0}.card-content{flex-direction:column;display:flex}.card-container:hover{border:1px solid #024f0c2d}.vertical-flex{flex-direction:column;gap:5px;padding:0 7px;display:flex}.card-sub-heading{color:var(--dimmed-text);letter-spacing:.4px;gap:1.5rem;padding:0 2px;font-family:roboto;font-size:.7rem;display:flex}@media (max-width:900px){.card-container{flex-direction:row;align-items:center;gap:10px;max-width:100%}.desktop-only{display:none}.vertical-flex{justify-content:center;gap:10px}.card-sub-heading{justify-content:flex-start;gap:1.5rem;padding:0}.card-image>img{width:100%}}