.post--card--view{display:flex;flex-direction:column;gap:.8rem;transition:all .2s ease-in-out;cursor:pointer;background-color:transparent;overflow:hidden;align-items:flex-start;justify-items:flex-start;&:hover{opacity:.8}.image--area{position:relative;height:167px;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--foreground);.note--icon{stroke:var(--background)}}.card--post--title{font-size:2rem;font-weight:600;height:60px;overflow:hidden;text-align:start;padding:1rem;color:var(--foreground)}.description{font-size:1.4rem;font-weight:500;height:50px}.description,.infos{text-align:start;padding:1rem}.infos{font-size:1.2rem;display:flex;align-items:center;color:var(--foreground);margin-top:3rem}}