.blog-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.blog-item-container{display:flex;align-items:center;gap:8px;transition:gap .1s ease-out}.blog-item-container:hover{gap:12px;.blog-title{color:var(--lavender-500)}}.blog-title{transition:color .1s ease-out}@media (max-width:768px){.blog-item-container{gap:16px}}