.button-container{text-align:center}.scifi-button{background:linear-gradient(45deg,#0f0f0f,#2b2b2b);border:1px solid #0ff;border-radius:8px;color:#0ff;padding:15px 30px;font-size:1.2em;font-weight:bold;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px #0ff,0 0 10px #0ff;cursor:pointer;outline:0;position:relative;overflow:hidden;transition:all .3s ease}.scifi-button::before,.scifi-button::after{content:'';position:absolute;width:120%;height:120%;background:linear-gradient(45deg,rgba(0,255,255,0.2),rgba(0,255,255,0));transition:all .3s ease}.scifi-button::before{top:-100%;left:-100%;transform:rotate(45deg)}.scifi-button::after{bottom:-100%;right:-100%;transform:rotate(45deg)}.scifi-button:hover::before,.scifi-button:hover::after{top:-10%;left:-10%;bottom:-10%;right:-10%}.scifi-button:hover{border-color:#00f0f0;color:#00f0f0;text-shadow:0 0 10px #00f0f0,0 0 20px #00f0f0}.scifi-button:active{background:linear-gradient(45deg,#1c1c1c,#353535);border-color:#099;color:#099;text-shadow:0 0 5px #099,0 0 10px #099}.button-container1{text-align:center}.animated-button{position:relative;padding:15px 30px;font-size:1.2em;font-weight:bold;text-transform:uppercase;color:#0ff;background:linear-gradient(45deg,#0f0f0f,#1c1c1c);border:2px solid #0ff;border-radius:8px;overflow:hidden;cursor:pointer;outline:0;box-shadow:0 0 10px rgba(0,255,255,0.5),0 0 20px rgba(0,255,255,0.5),0 0 30px rgba(0,255,255,0.5);transition:all .3s ease}.animated-button:hover{box-shadow:0 0 20px rgba(0,255,255,0.7),0 0 40px rgba(0,255,255,0.7),0 0 60px rgba(0,255,255,0.7);border-color:#00f0f0}.animated-text{display:inline-block;white-space:nowrap;position:relative;color:#0ff;animation:slide-text 5s linear infinite,glitch 2s infinite;text-shadow:0 0 5px rgba(0,255,255,0.8),0 0 10px rgba(0,255,255,0.8),0 0 20px rgba(0,255,255,0.8)}@keyframes slide-text{0{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes glitch{0{clip:rect(0,9999px,0,0);transform:translate(0)}20%{clip:rect(20px,9999px,44px,0);transform:translate(-5px,-5px)}40%{clip:rect(10px,9999px,60px,0);transform:translate(5px,5px)}60%{clip:rect(30px,9999px,80px,0);transform:translate(-5px,5px)}80%{clip:rect(50px,9999px,100px,0);transform:translate(5px,-5px)}100%{clip:rect(0,9999px,0,0);transform:translate(0)}}