:root{--cards-cols:1;--cards-item-padding:var(--spacing-xl) 0;--cards-item-gap:var(--spacing-xl);--cards-media-aspect:1;--cards-media-width:100%;--cards-info-width:100%}@media screen and (min-width:768px){:root{--cards-cols:2;--cards-item-padding:var(--spacing-40);--cards-item-gap:var(--spacing-40)}}@media screen and (min-width:1024px){:root{--cards-media-width:40%;--cards-info-width:60%}}@media screen and (min-width:1280px){:root{--cards-item-padding:var(--spacing-80)}}.cmp-cards-items-wrapper{display:grid;grid-template-columns:repeat(var(--cards-cols),1fr)}.cmp-cards-item{grid-gap:var(--cards-item-gap);display:flex;flex-direction:var(--direction-lg);gap:var(--cards-item-gap);padding:var(--cards-item-padding);width:100%}.cmp-cards-item .media{width:var(--cards-media-width)}.cmp-cards-image{aspect-ratio:var(--cards-media-aspect);background-color:var(--color-white);border-radius:var(--border-radius-xl);max-width:var(--spacing-200);overflow:hidden;padding:var(--spacing-xl)}.cmp-cards-item .media img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:768px){.cmp-cards-image{margin:auto}}.cmp-cards-item .info{grid-gap:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);width:var(--cards-info-width)}.cmp-cards-item .info .btn,.cmp-cards-item .info h3{margin:0}.cmp-cards-item .info .btn:hover{background-color:var(--color-transparent)}@media screen and (max-width:768px){.cmp-cards-item .info{text-align:center}.cmp-cards-item .info .btn{margin:0 auto}}