.button.main{text-transform:capitalize;font-weight:500;font-size:var(--fz-md);color:var(--white);cursor:pointer;transition:var(--transition);z-index:0;background-image:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#6366f1);background-size:300% 300%;border:none;border-radius:10rem;margin-top:4rem;padding:2rem 3rem;transition-delay:.2s;display:inline-block;position:relative}.button.main:hover{background-position:50%;transform:translateY(-.7rem)}.button.main:focus{outline:none}.button.main:focus-visible{outline-offset:3px;outline:2px solid #8b5cf6}.button.main:disabled{opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none}.button.secondary{text-transform:capitalize;font-weight:500;font-size:var(--fz-sm);color:var(--white);cursor:pointer;transition:var(--transition);z-index:0;background-image:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#6366f1);background-size:300% 300%;border:none;border-radius:10rem;padding:2rem 3rem;transition-delay:.2s;display:inline-block;position:relative}.button.secondary:hover{background-position:50%;transform:translateY(-2px)}.button.secondary:focus{outline:none}.button.secondary:focus-visible{outline-offset:3px;outline:2px solid #8b5cf6}.button.secondary:disabled{opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none}.button.secondary{background-position:50%}.button.secondary:hover{background-position:0!important}.button.secondary:focus-visible{outline-color:#ec4899!important}.button.submit{text-transform:capitalize;font-weight:500;font-size:var(--fz-sm);color:var(--white);cursor:pointer;transition:var(--transition);z-index:0;background-image:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#6366f1);background-size:300% 300%;border:none;border-radius:10rem;padding:2rem 3rem;transition-delay:.2s;display:inline-block;position:relative}.button.submit:hover{background-position:50%;transform:translateY(0)}.button.submit:focus{outline:none}.button.submit:focus-visible{outline-offset:3px;outline:2px solid #8b5cf6}.button.submit:disabled{opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none}.button.cancel{background-color:var(--dark-red)}.button.cancel:hover{background-color:var(--light-red)}.button.cancel:focus{outline:none}.button.cancel:focus-visible:before{opacity:0}.button.cancel:focus-visible{outline:2px solid var(--dark-red);outline-offset:3px}.button.secondary,.button.ghost,.button.outlined{padding:1.5rem 2.5rem}@media (max-width:30em){.button.secondary,.button.ghost,.button.outlined{padding:1.25rem 2.25rem}}.button.ghost,.button.outlined{text-transform:capitalize;font-weight:500;font-size:var(--fz-sm);transition:var(--transition);cursor:pointer;background-color:#0000;border-radius:10rem;display:inline-block}.button.outlined{color:var(--light-slate);border:none;position:relative}.button.outlined:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background-image:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#6366f1);background-position:top;background-size:300% 300%;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.button.outlined:hover{opacity:.85}.button.outlined:hover:before{background-position:0}.button.outlined:focus{outline:none}.button.outlined:focus-visible{outline-offset:3px;outline:2px solid #ec4899}.button.outlined:disabled{opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none}.button.ghost{color:#ffffff80;border:2px solid #ffffff80}.button.ghost:hover{color:var(--lightest-slate);opacity:.85;background-color:#ffffff0d;border-color:#fff3}.button.ghost:focus{outline:none}.button.ghost:focus-visible{outline-offset:3px;outline:2px solid #fff3}.button.cancel,.button.submit{text-transform:capitalize;width:max-content;font-weight:500;font-size:var(--fz-sm);color:var(--white);cursor:pointer;transition:var(--transition);border:2px solid #0000;border-radius:10rem;padding:.5rem 1rem;display:inline-block}