.holographic-container[data-v-586dcde9]{height:100vh;background:#000}.holographic-card[data-v-586dcde9],.holographic-container[data-v-586dcde9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.holographic-card[data-v-586dcde9]{width:300px;height:200px;background:#111;position:relative;overflow:hidden;border-radius:15px;-webkit-transition:all .5s ease;transition:all .5s ease}.holographic-card h2[data-v-586dcde9]{color:#0ff;font-size:2rem;position:relative;z-index:2}.holographic-card[data-v-586dcde9]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:-webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(30%,transparent),to(rgba(0,255,255,.3)));background:linear-gradient(0deg,transparent,transparent 30%,rgba(0,255,255,.3));-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .5s ease;transition:all .5s ease;opacity:0}.holographic-card[data-v-586dcde9]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 20px rgba(0,255,255,.5);box-shadow:0 0 20px rgba(0,255,255,.5)}.holographic-card[data-v-586dcde9]:hover:before{opacity:1;-webkit-transform:rotate(-45deg) translateY(100%);transform:rotate(-45deg) translateY(100%)}