@media (width>=441px) and (width<=764px){.card-containers{margin-top:4rem}}.party-btn{color:#fcfcfc;cursor:pointer;background:#ff6927;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:fit-content;height:28px;padding:.4rem;font-size:10px;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 0 2px #000}@media (width>=400px){.party-btn{height:32px;padding:.45rem .85rem;font-size:11px}}@media (width>=640px){.party-btn{height:36px;padding:.5rem 1rem;font-size:12px}}@media (width>=800px) and (width<=1200px){.party-btn{width:auto!important;height:auto!important;min-width:unset!important;border-radius:9999px!important;padding:.5rem 1rem!important}}@media (width>=1280px){.party-btn{height:40px;padding:.55rem 1.25rem;font-size:14px}}.party-btn.active{color:#171717;background-color:#4cc9f0;border-color:#0d3b66;box-shadow:0 2px 0 2px #0d3b66}.party-btn:before{content:"";background-color:#ff6700;width:100px;height:120%;transition:all .5s;position:absolute;top:50%;transform:skew(30deg)translate(-150%,-50%)}.party-btn:hover{color:#171717;background-color:#4cc9f0;box-shadow:0 2px 0 2px #0d3b66}.party-btn:hover:before{transition-delay:.1s;transform:skew(30deg)translate(150%,-50%)}.party-btn:active{transform:scale(.95)}.custom-button{--line_color:#fff;--back_color:#f86624;z-index:0;width:140px;height:44px;color:var(--line_color);letter-spacing:1px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;display:block;position:relative}@media (width>=400px){.custom-button{letter-spacing:1.5px;width:160px;height:48px;font-size:13px}}@media (width>=640px){.custom-button{width:180px;height:52px;font-size:14px}}@media (width>=768px){.custom-button{letter-spacing:2px;width:200px;height:56px;font-size:16px}}.button__text{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.custom-button:before,.custom-button:after,.custom-button .button__text:before,.custom-button .button__text:after{content:"";background:var(--line_color);border-radius:3px;height:2px;transition:all .5s;position:absolute}.custom-button:before{width:calc(100% - 88px);top:0;left:38px}@media (width>=768px){.custom-button:before{width:calc(100% - 124px);left:54px}}.custom-button:after{width:6px;top:0;right:38px}@media (width>=768px){.custom-button:after{width:8px;right:54px}}.custom-button .button__text:before{width:calc(100% - 88px);bottom:0;right:38px}@media (width>=768px){.custom-button .button__text:before{width:calc(100% - 124px);right:54px}}.custom-button .button__text:after{width:6px;bottom:0;left:38px}@media (width>=768px){.custom-button .button__text:after{width:8px;left:54px}}.button__line{width:38px;height:100%;position:absolute;top:0;overflow:hidden}@media (width>=768px){.button__line{width:56px}}.button__line:before{content:"";box-sizing:border-box;border:solid 3px var(--line_color);border-radius:300px;width:150%;height:100%;position:absolute;top:0}.button__line:first-child,.button__line:first-child:before{left:0}.button__line:nth-child(2),.button__line:nth-child(2):before{right:0}.custom-button:hover{letter-spacing:3px}@media (width>=768px){.custom-button:hover{letter-spacing:6px}}.custom-button:hover:before,.custom-button:hover .button__text:before{width:6px}@media (width>=768px){.custom-button:hover:before,.custom-button:hover .button__text:before{width:8px}}.custom-button:hover:after,.custom-button:hover .button__text:after{width:calc(100% - 88px)}@media (width>=768px){.custom-button:hover:after,.custom-button:hover .button__text:after{width:calc(100% - 128px)}}.button__drow1,.button__drow2{z-index:-1;transform-origin:16px 16px;background:var(--back_color);border-radius:16px;position:absolute}.button__drow1{width:32px;height:0;top:-16px;left:40px;transform:rotate(30deg)}.button__drow2{width:32px;height:0;top:44px;left:77px;transform:rotate(-127deg)}.button__drow1:before,.button__drow1:after,.button__drow2:before,.button__drow2:after{content:"";background:var(--back_color);position:absolute}.button__drow1:before{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;bottom:0;left:0;transform:rotate(-60deg)}.button__drow1:after{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;top:-10px;left:45px;transform:rotate(69deg)}.button__drow2:before{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;bottom:0;left:0;transform:rotate(-146deg)}.button__drow2:after{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;bottom:26px;left:-40px;transform:rotate(-262deg)}.custom-button:hover .button__drow1{animation:60ms ease-in forwards drow1}.custom-button:hover .button__drow1:before{animation:80ms linear 60ms forwards drow2}.custom-button:hover .button__drow1:after{animation:30ms linear .14s forwards drow3}.custom-button:hover .button__drow2{animation:60ms linear .2s forwards drow4}.custom-button:hover .button__drow2:before{animation:30ms linear .26s forwards drow3}.custom-button:hover .button__drow2:after{animation:60ms linear .32s forwards drow5}@keyframes drow1{0%{height:0}to{height:100px}}@keyframes drow2{0%{opacity:0;width:0}10%{opacity:0}11%{opacity:1}to{width:120px}}@keyframes drow3{0%{width:0}to{width:80px}}@keyframes drow4{0%{height:0}to{height:120px}}@keyframes drow5{0%{width:0}to{width:124px}}.bg-wrapper{border-radius:1rem;width:calc(100% - 32px);height:100%;margin:0 auto;padding:0 2px;overflow:hidden;box-shadow:0 20px 40px #00000040}.bg-overlay{pointer-events:none;background:linear-gradient(#0000002e,#0000002e)}@media (width<=640px){.bg-wrapper{border-radius:3rem;width:calc(100% - 32px)}}@media (width<=468px){.bg-wrapper{border-radius:1.5rem;width:calc(100% - 32px);margin:0 auto}}.card-containers{width:calc(100% - 32px);margin:0 auto}@media (width<=767px){.card-containers{max-width:calc(100% - 48px);margin-top:0;margin-bottom:0;position:absolute;bottom:24px;left:24px;right:24px;width:auto!important}}@media (width>=640px){.card-containers{width:calc(100% - 24px)}}@media (width>=1024px){.card-containers{width:90%}.bg-wrapper{width:calc(100% - 48px);max-width:1600px;margin:0 24px;padding:0}.card-containers{margin-left:32px;margin-right:auto;width:48%!important}}
