@keyframes flowingBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes holographic-flow{0%{transform:rotate(-45deg) translateY(-50%)}50%{transform:rotate(-45deg) translateY(50%)}to{transform:rotate(-45deg) translateY(-50%)}}.holographic-button{background:#1a1a1a;position:relative;overflow:hidden;border-radius:15px;transition:all .5s ease}.holographic-button:before{content:"";position:absolute;z-index:0;left:-50%;top:-50%;width:200%;height:200%;background:linear-gradient(0deg,transparent,transparent 30%,rgba(236,72,153,.3));transform:rotate(-45deg);transition:all .5s ease;opacity:0}.holographic-button:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(236,72,153,.5)}.holographic-button:hover:before{opacity:1;transform:rotate(-45deg) translateY(100%)}.holographic-button-active{box-shadow:0 0 10px rgba(255,203,240);box-shadow:0 0 15px rgba(236,72,153,.4);box-shadow:0 0 30px rgba(236,72,153,.4)}.holographic-button-active,.holographic-icon-button{background:#1a1a1a;position:relative;overflow:hidden;border-radius:15px;transition:all .5s ease}.holographic-icon-button:before{content:"";position:absolute;z-index:0;left:-50%;top:-50%;width:200%;height:200%;background:linear-gradient(0deg,transparent,transparent 30%,rgba(236,72,153,.3));transform:rotate(-45deg);transition:all .5s ease;opacity:0}.holographic-icon-button:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(236,72,153,.5)}.holographic-icon-button:hover:before{opacity:1;transform:rotate(-45deg) translateY(100%)}.icon-button-container{position:relative;display:inline-block}.icon-label{position:absolute;z-index:10;left:50%;bottom:-24px;transform:translateX(-50%);white-space:nowrap;font-size:.75rem;color:#9ca3af;opacity:0;transition:opacity .3s ease,color .3s ease;pointer-events:none}.icon-button-container:hover .icon-label{opacity:1;color:#ffffff}