.bloglisting{position:relative;width:100%;z-index:1}.bloglisting__list{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin:0;padding:0;position:relative}.bloglisting__post{display:grid;grid-template-columns:2rem 1fr;grid-template-rows:2rem calc(220px - 2rem) auto}@media (width <= 767px){.bloglisting__post{grid-template-columns:1.5rem 1fr;grid-template-rows:1.5rem calc(150px - 1.5rem) auto}}.bloglisting__post:hover .bloglisting__post-image{width:calc(100% + 2rem)}@media (width <= 767px){.bloglisting__post:hover .bloglisting__post-image{width:100%}}.bloglisting__post-back{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(0deg,rgba(var(--light),80%),rgba(var(--white),80%));border-radius:2rem;box-shadow:0 .5rem 1rem -.5rem rgba(var(--black),.2);grid-column:1/3;grid-row:2/4;position:relative;z-index:0}.bloglisting__post-image{grid-column:2/3;grid-row:1/3;height:100%;margin:0;place-self:start end;position:relative;transition:width .3s ease-in-out;width:100%;z-index:1}@media (width <= 767px){.bloglisting__post-image{grid-column:1/3}}.bloglisting__post-image img{border-radius:2rem 2rem 0 2rem;box-shadow:0 .5rem 1rem -.5rem rgba(var(--black),.2);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.bloglisting__post-content{display:flex;flex-direction:column;grid-column:2/3;grid-row:3/4;height:100%;padding:2rem 2rem 2rem 0;place-self:start;position:relative;z-index:1}@media (width <= 767px){.bloglisting__post-content{padding:1.5rem 1.5rem 1.5rem 0}}.bloglisting__post-title{color:var(--dark-color,#000);flex:1;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;line-height:1.5}.bloglisting__post-title>a{color:inherit;font-size:inherit;font-weight:inherit}.bloglisting__post-title>a:hover{color:var(--primary-color,gray);font-weight:inherit}.bloglisting__post-meta{display:flex;flex-wrap:wrap;font-size:clamp(.75rem,2vw,1rem);gap:0 1rem;margin-top:auto;width:100%}.bloglisting__post-actions{width:100%}.bloglisting__post-button{font-size:.75rem}