.grid-recent-posts{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));position:relative;z-index:1}.grid-recent-posts__item{align-items:flex-end;background:#d3d3d3;border-radius:15px;display:flex;overflow:hidden;padding-top:170px;position:relative;width:100%}.grid-recent-posts__item:hover .grid-recent-posts__item-icon{opacity:1}.grid-recent-posts__item:hover .grid-recent-posts__item-image img{transform:scale(1.05)}.grid-recent-posts__item:before{background:linear-gradient(0deg,#000,transparent);bottom:0;content:"";height:90%;left:0;position:absolute;width:100%;z-index:2}.grid-recent-posts__item-image{height:100%;left:0;margin:0;position:absolute;top:0;width:100%;z-index:1}.grid-recent-posts__item-image img{display:block;height:100%;object-fit:cover;transition:3s;width:100%}.grid-recent-posts__item-icon{line-height:0;opacity:.5;position:absolute;right:20px;top:20px;transition:.3s;z-index:3}.grid-recent-posts__item-icon svg{fill:#fff;height:40px;width:40px}.grid-recent-posts__item-body{padding:20px;position:relative;width:100%;z-index:3}.grid-recent-posts__item-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.grid-recent-posts__item-tag{background:grey;border-radius:8px;color:#fff;display:inline-block;font-size:1rem;font-weight:400;padding:6px 10px}.grid-recent-posts__item-title{color:#fff;font-size:18px;font-weight:700;margin:0}.grid-recent-posts__item-link{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:4}.grid-recent-posts--list{display:flex;flex-direction:column;gap:24px 16px}.grid-recent-posts--list .grid-recent-posts__item{background:none;border-radius:0;padding:0}.grid-recent-posts--list .grid-recent-posts__item:before{display:none}.grid-recent-posts--list .grid-recent-posts__item>article{display:flex;flex-wrap:wrap;gap:16px;width:100%}.grid-recent-posts--list .grid-recent-posts__item-icon{display:none}.grid-recent-posts--list .grid-recent-posts__item-image{flex:120px;height:auto;position:relative;width:120px}.grid-recent-posts--list .grid-recent-posts__item-image img{border-radius:15px}.grid-recent-posts--list .grid-recent-posts__item-body{flex:180px;padding:0}.grid-recent-posts--list .grid-recent-posts__item-title{color:inherit;font-size:16px}