.story-card-container{perspective:1000px}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;will-change:transform}.story-card-container:hover .front-card:before{opacity:1}.front-card:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,.1));border-radius:.5rem}.front-card:after,.front-card:before{content:"";position:absolute;opacity:0;transition:opacity .3s ease;pointer-events:none}.front-card:after{top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:calc(.5rem + 1px);background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,0) 50%,rgba(255,255,255,.1))}.story-card-container:hover .front-card:after{opacity:1}