.specialcard{background:var(--wp--preset--color--ci);color:var(--wp--preset--color--light);box-sizing:border-box;figure{aspect-ratio:3 / 4;overflow:hidden;position:relative;>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:var(--wp--custom--main-trans)}figcaption{background:var(--wp--preset--color--ci);color:var(--wp--preset--color--light);position:absolute;top:1rem;right:1rem;width:5rem;aspect-ratio:1 / 1;border-radius:100%;text-align:center;line-height:1;font-weight:600;padding:.5rem;display:flex;align-items:center;rotate:-5deg;transition:var(--wp--custom--main-trans);z-index:1}}.specialcard-slider{position:absolute;inset:0;width:100%;height:100%}.specialcard-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;&.is-active{opacity:1}img{width:100%;height:100%;object-fit:cover;object-position:center;transition:var(--wp--custom--main-trans)}}>div{padding:1rem;h2,h3,h4{font-size:1.8rem;margin:0 0 .5rem 0}}.btn{padding:1rem;border-top:1px solid var(--wp--preset--color--light);color:var(--wp--preset--color--light);background-color:var(--wp--preset--color--ci);text-transform:uppercase;width:100%;display:block;box-sizing:border-box;font-weight:600;transition:var(--wp--custom--main-trans);&:hover{background:var(--wp--preset--color--dark)}}&:hover{figure{>img{scale:1.1}figcaption{rotate:0deg}}.specialcard-slide{img{scale:1.1}}}}@media (max-width:781px){.specialcard{figure{aspect-ratio:4 / 3;overflow:hidden}}}