.posts-block.style1 .grid{display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr}.posts-block.style1 .grid .post-item{background-color:var(--color-light);border-radius:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:grid;gap:20px;padding:20px;transition:background-color .3s ease}.posts-block.style1 .grid .post-item:hover{background-color:var(--color-secondary)}.posts-block.style1 .grid .post-item .content{color:var(--color-dark);display:grid;gap:10px;transition:background-color .3s ease,color .3s ease}.posts-block.style1 .grid .post-item:hover .content{color:var(--color-light)}.posts-block.style1 .grid .post-item .content .post-title{font-weight:700}.posts-block.style1 .grid .post-item img{aspect-ratio:2/1;border-radius:10px;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:768px){.posts-block.style1 .grid{display:block}}.posts-block.style2 .grid{display:grid;gap:30px}.posts-block.style2 .grid .post-item{align-items:center;background-color:transparent;border-radius:10px;display:flex;gap:20px;padding:0;transition:background-color .3s ease,padding .3s ease}.posts-block.style2 .grid .post-item:hover{background-color:#00e05b54;padding:5px}.posts-block.style2 .grid .post-item .post-thumbnail{width:20%!important}.posts-block.style2 .grid .post-item img{aspect-ratio:1/1;border-radius:100px;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.posts-block.style2 .grid .post-item .content{color:var(--color-light);display:grid;gap:10px;width:100%}.posts-block.style2 .grid .post-item .content .date{color:var(--color-secondary)}
