body .is-root-container .component-card-material .material{position:relative;overflow:hidden;display:block;height:min(calc(22.625rem + 2.5 * (100vw - 22.5rem) / 67.5),25.125rem);border-radius:0.4375rem}body .is-root-container .component-card-material .material .image-wrapper{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}body .is-root-container .component-card-material .material .image-wrapper .image{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}body .is-root-container .component-card-material .material .image-wrapper .image .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}body .is-root-container .component-card-material .material .image-wrapper::after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;background:linear-gradient(to bottom, rgba(112, 118, 130, 0) 45%, rgba(112, 118, 130, 0.85) 100%)}body .is-root-container .component-card-material .material .infos{position:absolute;bottom:0;left:0;z-index:2;width:100%;height:100%}body .is-root-container .component-card-material .material .infos::before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;background:#707682;opacity:.8;transition:opacity 100ms cubic-bezier(0.5, 0, 0, 1)}body .is-root-container .component-card-material .material .infos .infos-wrapper{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:min(calc(1.25rem + 0.625 * (100vw - 22.5rem) / 67.5),1.875rem);width:100%;height:100%;padding:min(calc(1.25rem + 0.625 * (100vw - 22.5rem) / 67.5),1.875rem);color:#fff;text-align:right}body .is-root-container .component-card-material .material .infos .infos-wrapper .post-title{font-family:"Poppins",sans-serif;font-size:min(calc(1rem + 0.25 * (100vw - 22.5rem) / 67.5),1.25rem);font-weight:700;line-height:1.2;letter-spacing:.15em;text-decoration:none;text-transform:none;font-weight:800;text-transform:uppercase}body .is-root-container .component-card-material .material .infos .infos-wrapper .info{font-family:"Poppins",sans-serif;font-size:clamp(1.0625rem,calc(1.0625rem + 0 * (100vw - 22.5rem) / 67.5),1.0625rem);font-weight:400;line-height:1.8;letter-spacing:0;text-decoration:none;text-transform:none}body .is-root-container .component-card-material .material .infos .infos-wrapper .btn-wrapper{display:flex;justify-content:flex-end}body .is-root-container .component-card-material .material .infos .infos-wrapper .btn-wrapper .btn{display:flex;align-items:center;gap:0.625rem;height:2.1875rem;padding:0 min(calc(1.25rem + 0.625 * (100vw - 22.5rem) / 67.5),1.875rem);color:#fff;background:rgba(0,0,0,0);border:2px solid #fff}body .is-root-container .component-card-material .material .infos .infos-wrapper .btn-wrapper .btn .text{font-family:"Poppins",sans-serif;font-size:0.9375rem;font-weight:500;line-height:1.2;letter-spacing:.1em;text-decoration:none;text-transform:none;text-transform:uppercase}@media(min-width: 64rem){body .is-root-container .component-card-material .material .infos::before{opacity:0}body .is-root-container .component-card-material .material .infos .infos-wrapper{justify-content:flex-end;gap:0}body .is-root-container .component-card-material .material .infos .infos-wrapper .info,body .is-root-container .component-card-material .material .infos .infos-wrapper .btn-wrapper{opacity:0;height:0}body .is-root-container .component-card-material:hover .material .infos::before{opacity:.8}body .is-root-container .component-card-material:hover .material .infos .infos-wrapper{justify-content:flex-end;gap:1.25rem}body .is-root-container .component-card-material:hover .material .infos .infos-wrapper .info,body .is-root-container .component-card-material:hover .material .infos .infos-wrapper .btn-wrapper{height:auto;opacity:1}}
/*# sourceMappingURL=card-material.css.map */