.btn-wrapper{--dot-size:3px;--line-weight:1px;--line-distance:0.4rem 0.5rem;--animation-speed:0.35s;--dot-color:#ff7b00;--line-color:#ffa040;position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:auto;padding:var(--line-distance);background-color:#0000;transition:background-color .3s ease-in-out;user-select:none}.btn-wrapper.invest-theme{--dot-color:red;--line-color:#ff4040}.btn-wrapper:hover{background-color:#ff7b0022}.btn-wrapper.invest-theme:hover{background-color:#ff000022}.btn{position:relative;display:flex;justify-content:center;align-items:center;padding:.5rem 2rem;background-color:#ff7b00;background-image:linear-gradient(#0000,#0004);border:none;color:#fff;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;text-transform:capitalize;border-radius:3px;cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out}.btn.invest-btn{background-color:red}.btn:hover{background-color:#ff9d40;transform:scale(1.05);color:#fff}.btn.invest-btn:hover{background-color:#ff4040}.btn:active{background-color:#ff6a00;transform:scale(.98)}.btn.invest-btn:active{background-color:red}.btn-svg{margin-left:.5rem;height:24px;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke:#fff;fill:#fffa;transition:all .3s ease-in-out}.btn:hover .btn-svg{stroke:#fff;fill:#ff7b00}.btn.invest-btn:hover .btn-svg{fill:red}.btn:active .btn-svg{stroke:#fff;fill:#ff9d40}.btn.invest-btn:active .btn-svg{fill:#ff4040}.dot{position:absolute;width:var(--dot-size);aspect-ratio:1;border-radius:50%;background-color:var(--dot-color);transition:all .3s ease-in-out;opacity:0}.dot.top.left{top:50%;left:20%;animation:move-top-left var(--animation-speed) ease-in-out forwards;animation-delay:0s,calc(var(--animation-speed) * 4)}.dot.top.right{top:50%;right:20%;animation:move-top-right var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * .6),calc(var(--animation-speed) * 4.6)}.dot.bottom.right{bottom:50%;right:20%;animation:move-bottom-right var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 1.2),calc(var(--animation-speed) * 5.2)}.dot.bottom.left{bottom:50%;left:20%;animation:move-bottom-left var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 1.8),calc(var(--animation-speed) * 5.8)}@keyframes move-top-left{90%{opacity:.6}to{top:calc(var(--dot-size) * -.5);left:calc(var(--dot-size) * -.5);opacity:1}}@keyframes move-top-right{80%{opacity:.6}to{top:calc(var(--dot-size) * -.5);right:calc(var(--dot-size) * -.5);opacity:1}}@keyframes move-bottom-right{80%{opacity:.6}to{bottom:calc(var(--dot-size) * -.5);right:calc(var(--dot-size) * -.5);opacity:1}}@keyframes move-bottom-left{80%{opacity:.6}to{bottom:calc(var(--dot-size) * -.5);left:calc(var(--dot-size) * -.5);opacity:1}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.line{position:absolute;transition:all .3s ease-in-out}.line.horizontal{height:var(--line-weight);width:100%;background-image:repeating-linear-gradient(90deg,#0000 0 calc(var(--line-weight) * 2),var(--line-color) calc(var(--line-weight) * 2) calc(var(--line-weight) * 4))}.line.top{top:calc(var(--line-weight) * -.5)}.line.bottom{bottom:calc(var(--line-weight) * -.5)}.line.vertical{width:var(--line-weight);height:100%;background-image:repeating-linear-gradient(0deg,#0000 0 calc(var(--line-weight) * 2),var(--line-color) calc(var(--line-weight) * 2) calc(var(--line-weight) * 4))}.line.left{left:calc(var(--line-weight) * -.5)}.line.right{right:calc(var(--line-weight) * -.5)}.line.top{transform-origin:top left;transform:rotate(5deg) scaleX(0)}.line.bottom{transform-origin:bottom right;transform:rotate(5deg) scaleX(0)}.line.left{transform-origin:bottom left;transform:rotate(0deg) scaleY(0)}.line.right{transform-origin:top right;transform:rotate(5deg) scaleY(0)}.line.top{animation:draw-top var(--animation-speed) ease-in-out forwards,glow-line 3s ease-in-out infinite;animation-delay:calc(var(--animation-speed) * .8),calc(var(--animation-speed) * 4)}.line.bottom{animation:draw-bottom var(--animation-speed) ease-in-out forwards,glow-line 3s ease-in-out infinite;animation-delay:calc(var(--animation-speed) * 2),calc(var(--animation-speed) * 5)}.line.left{animation:draw-left var(--animation-speed) ease-in-out forwards,glow-line 3s ease-in-out infinite;animation-delay:calc(var(--animation-speed) * 2.4),calc(var(--animation-speed) * 5.4)}.line.right{animation:draw-right var(--animation-speed) ease-in-out forwards,glow-line 3s ease-in-out infinite;animation-delay:calc(var(--animation-speed) * 1.4),calc(var(--animation-speed) * 4.4)}@keyframes draw-top{to{transform:rotate(0deg) scaleX(1)}}@keyframes draw-bottom{to{transform:rotate(0deg) scaleX(1)}}@keyframes draw-left{to{transform:rotate(0deg) scaleY(1)}}@keyframes draw-right{to{transform:rotate(0deg) scaleY(1)}}@keyframes glow-line{0%,to{opacity:1}50%{opacity:.4}}