.space-button-wrapper button#space-btn{width:100%;height:100%;position:relative;overflow:hidden;border:0;outline:0;border-radius:11px;background:#03001e;background:linear-gradient(80deg,#ffcbf2,#ec38bc,#7303c0,#03001e);cursor:pointer}.space-button-wrapper .btn-container{width:200px;height:60px;position:relative;overflow:visible}.space-button-wrapper .btn-container:after{content:"";width:100%;height:100%;position:absolute;left:0;top:20px;z-index:-1;background:#03001e;background:linear-gradient(80deg,#ffcbf2,#ec38bc,#7303c0,#03001e);filter:blur(20px);opacity:0}.space-button-wrapper .btn-container:hover{transform:scale(1.1);transition:all .6s cubic-bezier(.15,.83,.66,1)}.space-button-wrapper .btn-container:hover:after{transition:all .6s cubic-bezier(.15,.83,.66,1);opacity:1}.space-button-wrapper .btn-container:active{transform:scale(1)}.space-button-wrapper .btn-container:active:after{opacity:0}.space-button-wrapper button span{color:white;font-family:var(--font-poppins),Poppins,sans-serif;font-weight:700;font-size:16px}.space-button-wrapper button#space-btn div.star{width:1px;height:1px;background-color:white;border-radius:50%;animation:blink 2s cubic-bezier(.15,.83,.66,1) infinite}.space-button-wrapper button#space-btn div.shooting-star{width:80px;height:1px;position:absolute;background:linear-gradient(80deg,#ffffffff,#ffffff00);border-radius:50%;transform:rotate(-40deg);opacity:0}.space-button-wrapper button#space-btn div.shooting-star-1{animation:fallingStar1 4s cubic-bezier(.15,.83,.66,1) 6s infinite}.space-button-wrapper button#space-btn div.shooting-star-2{animation:fallingStar2 2s cubic-bezier(.15,.83,.66,1) 10s infinite}.space-button-wrapper button#space-btn div.shooting-star-3{animation:fallingStar3 8s cubic-bezier(.15,.83,.66,1) 20s infinite}.space-button-wrapper button#space-btn div.shooting-star-4{animation:fallingStar4 4s cubic-bezier(.15,.83,.66,1) 6s infinite}@keyframes blink{0%{box-shadow:0 0 10px 0 white}50%{box-shadow:0 0 10px 2px white}to{box-shadow:0 0 10px 0 white}}.green-space-button-wrapper .green-space-btn{width:100%;height:100%;position:relative;overflow:hidden;border:0;outline:0;border-radius:11px;background:#001a00;background:linear-gradient(80deg,#b7f5b7,#00ff85,#00d4aa,#001a00);cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.green-space-button-wrapper .green-btn-container{width:200px;height:60px;position:relative;overflow:visible}.green-space-button-wrapper .green-btn-container:after{content:"";width:100%;height:100%;position:absolute;left:0;top:20px;z-index:-1;background:#001a00;background:linear-gradient(80deg,#b7f5b7,#00ff85,#00d4aa,#001a00);filter:blur(20px);opacity:0}.green-space-button-wrapper .green-btn-container:hover{transform:scale(1.1);transition:all .6s cubic-bezier(.15,.83,.66,1)}.green-space-button-wrapper .green-btn-container:hover:after{transition:all .6s cubic-bezier(.15,.83,.66,1);opacity:1}.green-space-button-wrapper .green-btn-container:active{transform:scale(1)}.green-space-button-wrapper .green-btn-container:active:after{opacity:0}.green-space-button-wrapper .green-space-btn span{color:white;font-family:var(--font-poppins),Poppins,sans-serif;font-weight:700;font-size:16px;text-shadow:0 0 10px rgba(0,255,133,.5)}.green-space-button-wrapper .green-space-btn div.green-star{width:1px;height:1px;background-color:white;border-radius:50%;animation:greenBlink 2s cubic-bezier(.15,.83,.66,1) infinite}.green-space-button-wrapper .green-space-btn div.green-shooting-star{width:80px;height:1px;position:absolute;background:linear-gradient(80deg,#ffffffff,#ffffff00);border-radius:50%;transform:rotate(-40deg);opacity:0}.green-space-button-wrapper .green-space-btn div.green-shooting-star-1{animation:greenFallingStar1 4s cubic-bezier(.15,.83,.66,1) 6s infinite}.green-space-button-wrapper .green-space-btn div.green-shooting-star-2{animation:greenFallingStar2 2s cubic-bezier(.15,.83,.66,1) 10s infinite}.green-space-button-wrapper .green-space-btn div.green-shooting-star-3{animation:greenFallingStar3 8s cubic-bezier(.15,.83,.66,1) 20s infinite}.green-space-button-wrapper .green-space-btn div.green-shooting-star-4{animation:greenFallingStar4 4s cubic-bezier(.15,.83,.66,1) 6s infinite}@keyframes greenBlink{0%{box-shadow:0 0 10px 0 #00ff85}50%{box-shadow:0 0 10px 2px #00ff85}to{box-shadow:0 0 10px 0 #00ff85}}@keyframes greenFallingStar1{0%{top:-10px;left:220px;opacity:1}to{top:200px;left:-20px;opacity:1}}@keyframes greenFallingStar2{0%{top:-10px;left:150px;opacity:1}to{top:200px;left:-90px;opacity:1}}@keyframes greenFallingStar3{0%{top:-10px;left:80px;opacity:1}to{top:200px;left:-160px;opacity:1}}@keyframes greenFallingStar4{0%{top:-10px;left:0;opacity:1}to{top:200px;left:-240px;opacity:1}}.instructor-button-wrapper,.instructor-button-wrapper .instructor-btn{display:flex;justify-content:center;align-items:center}.instructor-button-wrapper .instructor-btn{width:100%;height:100%;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1);outline:0;border-radius:11px;cursor:pointer;flex-direction:column;padding:2rem;gap:1rem;transition:border-color .6s cubic-bezier(.15,.83,.66,1)}.instructor-button-wrapper .instructor-btn-container{width:300px;height:200px;position:relative;overflow:visible;margin:0 auto}.instructor-button-wrapper .instructor-btn-container:after{content:"";width:100%;height:100%;position:absolute;left:0;top:20px;z-index:-1;filter:blur(20px);opacity:0}.instructor-button-wrapper .instructor-btn-container:hover{transform:scale(1.1);transition:all .6s cubic-bezier(.15,.83,.66,1)}.instructor-button-wrapper .instructor-btn-container:hover .instructor-btn.cyphera{border-color:rgba(255,215,0,.4)}.instructor-button-wrapper .instructor-btn-container:hover .instructor-btn.xmb{border-color:rgba(255,0,64,.4)}.instructor-button-wrapper .instructor-btn-container:hover:after{transition:all .6s cubic-bezier(.15,.83,.66,1);opacity:1}.instructor-button-wrapper .instructor-btn-container:active{transform:scale(1)}.instructor-button-wrapper .instructor-btn-container:active:after{opacity:0}.instructor-btn-container.cyphera:after,.instructor-btn.cyphera{background:#0a0a0a}.instructor-btn.cyphera .star{background-color:#ffd700;animation:blinkGold 2s cubic-bezier(.15,.83,.66,1) infinite}.instructor-btn.cyphera .shooting-star{background:linear-gradient(80deg,#ffd700ff,#ffd70000)}.instructor-btn-container.xmb:after,.instructor-btn.xmb{background:#0a0a0a}.instructor-btn.xmb .star{background-color:#ff0040;animation:blinkRed 2s cubic-bezier(.15,.83,.66,1) infinite}.instructor-btn.xmb .shooting-star{background:linear-gradient(80deg,#ff0040ff,#ff004000)}.instructor-name,.instructor-profile-image{position:relative;z-index:10}.instructor-name{color:white;font-family:var(--font-poppins),Poppins,sans-serif;font-weight:700;font-size:18px;text-align:center}.instructor-socials{display:flex;gap:1rem;position:relative;z-index:10}.instructor-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);transition:all .3s ease;text-decoration:none}.instructor-social-link:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:scale(1.1)}.instructor-btn .star{width:1px;height:1px;border-radius:50%;position:absolute}.instructor-btn .shooting-star{width:80px;height:1px;position:absolute;border-radius:50%;transform:rotate(-40deg);opacity:0}.instructor-btn .shooting-star-1{animation:fallingStar1 4s cubic-bezier(.15,.83,.66,1) 6s infinite}.instructor-btn .shooting-star-2{animation:fallingStar2 2s cubic-bezier(.15,.83,.66,1) 10s infinite}.instructor-btn .shooting-star-3{animation:fallingStar3 8s cubic-bezier(.15,.83,.66,1) 20s infinite}.instructor-btn .shooting-star-4{animation:fallingStar4 4s cubic-bezier(.15,.83,.66,1) 6s infinite}@keyframes blinkGold{0%{box-shadow:0 0 10px 0 #ffd700}50%{box-shadow:0 0 10px 2px #ffd700}to{box-shadow:0 0 10px 0 #ffd700}}@keyframes blinkRed{0%{box-shadow:0 0 10px 0 #ff0040}50%{box-shadow:0 0 10px 2px #ff0040}to{box-shadow:0 0 10px 0 #ff0040}}@keyframes fallingStar1{0%{top:-10px;left:220px;opacity:1}to{top:200px;left:-20px;opacity:1}}@keyframes fallingStar2{0%{top:-10px;left:150px;opacity:1}to{top:200px;left:-90px;opacity:1}}@keyframes fallingStar3{0%{top:-10px;left:80px;opacity:1}to{top:200px;left:-160px;opacity:1}}@keyframes fallingStar4{0%{top:-10px;left:0;opacity:1}to{top:200px;left:-240px;opacity:1}}