|
- .card-inner{position:relative;display:block;width:350px;border-radius:16px;overflow:hidden;container-type:inline-size}@media (max-width: 645px){.card-inner{width:230px}}.card-inner:hover{text-decoration:none}.card-inner:hover .image-box img{scale:1.06}.card-inner:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;margin-top:57.1428571429%;--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.card-inner:before{--gradient-angle: 150deg}}@container (min-width: 768px){.card-inner:before{--gradient-angle: 130deg}}@container (min-width: 1100px){.card-inner:before{--gradient-angle: 110deg}}.card .image-box{overflow:hidden;position:relative;aspect-ratio:70/47;border-top-left-radius:16px;border-top-right-radius:16px;clip-path:path("M 0 0 L 350 0 L 350 235 C 237.157 215.1 112.718 215.17 0 235 Z")}.card .image-box img{width:100%;height:100%;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px;transition:all .25s ease}.card .image-box .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:var(--swatches-neutrals-white);text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}.card .text-box{position:relative;min-height:194px;padding:20px 25px;color:var(--color-button-primary-text);border-bottom-left-radius:16px;border-bottom-right-radius:16px}@media (max-width: 645px){.card .text-box{min-height:130px}}.card .text-box .like-h4{text-decoration:underline;margin:0}.card.extern .card-inner .like-h4:after,.card.download .card-inner .like-h4:after,.card.intranet .card-inner .like-h4:after,.card.gallery .card-inner .like-h4:after,.card.interaction .card-inner .like-h4:after,.card.video .card-inner .like-h4:after{content:"";font-family:Icons,sans-serif;position:relative;font-size:var(--icon-size-small);line-height:1;text-decoration:none;display:inline-block;vertical-align:top;margin-left:.2em}@media (min-width: 983px){.card.extern .card-inner .like-h4:after,.card.download .card-inner .like-h4:after,.card.intranet .card-inner .like-h4:after,.card.gallery .card-inner .like-h4:after,.card.interaction .card-inner .like-h4:after,.card.video .card-inner .like-h4:after{margin-top:.1rem}}@media (min-width: 1340px){.card.extern .card-inner .like-h4:after,.card.download .card-inner .like-h4:after,.card.intranet .card-inner .like-h4:after,.card.gallery .card-inner .like-h4:after,.card.interaction .card-inner .like-h4:after,.card.video .card-inner .like-h4:after{margin-top:.27rem}}.card.extern .card-inner .like-h4:after{content:""}.card.download .card-inner .like-h4:after{content:""}.card.intranet .card-inner .like-h4:after{content:""}.card.gallery .card-inner .like-h4:after{content:""}.card.interaction .card-inner .like-h4:after{content:""}.card.video .card-inner .like-h4:after{content:""}
|
