.animated-button{background-size:200% 200%;padding:2px;border:none;cursor:pointer;font-weight:600;font-size:14px;letter-spacing:1px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 0px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px)}.animated-button,.button-inner{position:relative;transition:all .3s ease}.button-inner{background:#000;display:flex;align-items:center;justify-content:center;gap:8px;clip-path:polygon(8.5px 0,calc(100% - 8.5px) 0,100% 8.5px,100% calc(100% - 8.5px),calc(100% - 8.5px) 100%,8.5px 100%,0 calc(100% - 8.5px),0 8.5px)}.animated-button-gray{padding:2px}.animated-button-gray,.animated-button-gray-outer{position:relative;background-size:200% 200%;border:none;cursor:pointer;font-weight:600;font-size:14px;letter-spacing:1px;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 0px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px)}.animated-button-gray-outer{padding:1px;background:#333}.button-inner-gray{display:flex;align-items:start;justify-content:center;gap:8px;position:relative;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 0px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px);transition:all .3s ease}.animated-button-logo{background-size:200% 200%;padding:0;background:#000}.animated-button-logo,.animated-button-logo-outer{position:relative;border:none;cursor:pointer;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;overflow:hidden;clip-path:polygon(11px 0,calc(100% - 0px) 0,100% 17px,100% calc(100% - 27px),calc(100% - 20px) 100%,0 100%,0 calc(100% - 7px),0 17px)}.animated-button-logo-outer{background-size:200% 200%;padding:1px;background:#fff}.button-inner-logo{background:#000;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;margin:2px;clip-path:polygon(8.5px 0,calc(100% - 8.5px) 0,100% 8.5px,100% calc(100% - 8.5px),calc(100% - 8.5px) 100%,8.5px 100%,0 calc(100% - 8.5px),0 8.5px);transition:all .3s ease}.animated-button-card{padding:2px;border:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);filter:drop-shadow(0 0 80px rgba(223,253,111,.05))}.animated-button-card,.animated-button-card-outer{position:relative;background-size:200% 200%;cursor:pointer;font-weight:600;font-size:14px;letter-spacing:1px;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 0px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px)}.animated-button-card-outer{padding:2.5px;text-transform:uppercase;background:#f2c831;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.button-inner-card{background:#000;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 0px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px);transition:all .3s ease}.animated-button-footer{position:relative;background-size:200% 200%;padding:2px;border:none;cursor:pointer;font-weight:600;font-size:14px;letter-spacing:1px;transition:all .3s ease;overflow:hidden;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 0px),calc(100% - 12px) 100%,0 100%,0 calc(100% - 12px),0 12px)}.button-inner-footer{background:#000;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;clip-path:polygon(8.5px 0,calc(100% - 8.5px) 0,100% 8.5px,100% calc(100% - 8.5px),calc(100% - 8.5px) 100%,8.5px 100%,0 calc(100% - 8.5px),0 8.5px);transition:all .3s ease}.outline-animation2{content:"";position:absolute;top:50%;left:50%;width:120%;height:300px;transform:translate(-50%,-50%);background:linear-gradient(90deg,#353535 30%,transparent);animation:spin 4s linear infinite;opacity:1;transition:opacity .3s ease}.outline-animation{position:absolute;inset:0;border-radius:inherit;opacity:0;overflow:hidden;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);transition:opacity .4s ease}.outline-animation:before{content:"";position:absolute;top:50%;left:50%;width:120px;height:300px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.8) 50%,transparent);animation:spin 2s linear infinite;animation-play-state:paused}.lightning{font-size:16px;transition:all .3s ease}.animated-button:hover .outline-animation{opacity:1}.animated-button:hover .outline-animation:before{animation-play-state:running}.animated-button:hover .outline-animation2{opacity:0}.animated-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(242,200,49,.3)}.animated-button:hover .button-inner{background:#111;box-shadow:inset 0 0 20px rgba(242,200,49,.1)}.animated-button:hover .lightning{transform:scale(1.2);filter:drop-shadow(0 0 8px #f2c831)}.animated-button:active{transform:translateY(0);box-shadow:0 4px 15px rgba(242,200,49,.2)}.animated-button:active .outline-animation{opacity:0}.animated-button:focus{outline:2px solid #f2c831;outline-offset:4px}@keyframes gradientRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-button:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#f2c831,transparent,#f2c831);z-index:-1;border-radius:inherit;opacity:0;filter:blur(10px);transition:opacity .3s ease;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.animated-button:hover:after{opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animated-button:hover .lightning{animation:pulse 1.5s ease-in-out infinite}.animated-card-main{padding:2px;overflow:hidden}.animated-card-main,.card-inner-main{position:relative;transition:all .3s ease;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}.card-inner-main{background:#000;padding:1.5rem}.card-outline-animation-main{position:absolute;inset:0;opacity:0;overflow:hidden;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);transition:opacity .4s ease}.card-outline-animation-main:before{content:"";height:500%;background:linear-gradient(90deg,#000 70%,#000 0,#fff);animation:spin 4s linear infinite;animation-play-state:paused}.card-outline-animation-main:before,.card-outline-animation2-main{position:absolute;top:50%;left:50%;width:200%;transform:translate(-50%,-50%)}.card-outline-animation2-main{height:980%;background:linear-gradient(90deg,#1b1b1b 40%,#fff);animation:spin 4s linear infinite;opacity:1;transition:opacity .3s ease}.animated-card-main:hover .card-outline-animation-main{opacity:1}.animated-card-main:hover .card-outline-animation-main:before{animation-play-state:running}.animated-card-main:hover .card-outline-animation2-main{opacity:0}.animated-card-main:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(242,200,49,.2)}.animated-card-main:hover .card-inner-main{background:#111;box-shadow:inset 0 0 20px rgba(242,200,49,.08)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.animated-card-main:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#f2c831,transparent,#f2c831);z-index:-1;opacity:0;filter:blur(10px);transition:opacity .3s ease;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px)}.animated-card-main:hover:after{opacity:.3}.blur-effect{position:relative;overflow:hidden}.blur-effect:before{content:"";position:absolute;inset:0;z-index:-10;background:inherit;filter:blur(8px);transform:scale(1.5);opacity:.6}::-webkit-scrollbar{width:8px;border-radius:0}::-webkit-scrollbar-track{background:#222;border-radius:4px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#f2c831;border-radius:0}*{scrollbar-width:thin;scrollbar-color:#f2c831 #222}