.blog-articles-list-item{background-color:var(--color-text-inverted);color:var(--color-text);border-radius:var(--radius-700);display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.blog-articles-list-item .img{height:0;width:100%;padding-bottom:calc(100% * 443 / 428);position:relative}.blog-articles-list-item .img img{border-radius:var(--radius-700);position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;object-position:center 80%}.blog-articles-list-item .img img.no-pic{object-position:center 47%}.blog-articles-list-item .img .tags{position:absolute;top:1.1875rem;right:1.5625rem;display:flex;flex-flow:column nowrap;gap:0.5625rem;align-items:flex-end}.blog-articles-list-item .img .tags .tag{margin:0;font-size:0.6875rem;line-height:1.25em;padding:0.1875rem 0.9375rem;border-radius:2rem;background-color:var(--color-neutral-300);color:var(--color-text-inverted);font-weight:700}.blog-articles-list-item .img .tags .tag[data-id="9"]{background-color:var(--color-ducati-red-400)}.blog-articles-list-item .img .tags .tag[data-id="10"]{background-color:var(--color-polaris-blue-400)}.blog-articles-list-item .info{padding:2.5625rem 3.0625rem 2.6875rem 2.5625rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.blog-articles-list-item .info .date{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0.4375rem;align-items:center;font-size:1rem;line-height:1em;opacity:0.5}.blog-articles-list-item .info .date:before{content:"";height:1.125rem;width:1.125rem;background-image:url("../images/calendar.svg");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0.75}.blog-articles-list-item .info .title{font-weight:400;font-size:1.875rem;margin:0;margin-top:0.625rem}.blog-articles-list-item .info .btn{margin-top:1.9375rem;width:100%;font-size:0.8125rem;padding-top:0.9375rem;padding-bottom:0.9375rem}.blog-articles-list-item .info .btn.outline{border-color:var(--color-text);color:var(--color-text)}@media screen and (min-width:calc(1200px + 1px)){.blog-articles-list-item .info .btn.outline:hover{background-color:rgba(0,0,0,0.1)}}
/*# sourceMappingURL=list-item.css.map */