.holographic-card{width:100%;height:20rem;background:#111;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:.5rem;transition:all .5s ease}.holographic-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(0,255,255,.1),transparent 30%);transform-origin:center;animation:rotate 4s linear infinite;opacity:0;transition:opacity .5s ease}.holographic-card:hover:before{opacity:1}.holographic-card:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(236,109,6,.5)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}