.BlogCard { overflow: hidden; border-radius: 1rem; background: var(--color-orange-black); display: flex; flex-direction: column; height: 100%; transition: 150ms; gap: 1rem; &:hover { scale: 1.05; } & .card-content { display: flex; flex-direction: column; height: 100%; padding: 0 1.5rem 1rem; gap: 1.5rem; } & .chip { margin-bottom: 1rem; } & footer { margin-top: auto; display: flex; flex-direction: column; gap: .5rem; } & .tags { display: flex; flex-wrap: wrap; gap: .5rem; opacity: .5; & .tag { color: var(--color-orange); } } }