.commonButtonContainer{--loader-foreground-color:255,255,255;--loader-background-color:32,32,32;background-color:none;background:none;border:none;outline:none;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:.3s;.commonButton{outline:none;font:500 2.25rem/3rem Poppins;background:none;border:none;color:rgb(var(--white));text-transform:capitalize;text-align:center;white-space:nowrap;padding:1.25rem 3rem;cursor:pointer}.buttonLoadingContainer{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.hideElement{opacity:0}}.primaryButton{--loader-foreground-color:var(--white);--loader-background-color:var(--white),0.5;background-color:rgb(var(--primary));&:hover{background-color:rgb(var(--primary-hover))}.commonButton{color:rgb(var(--white));&:disabled{cursor:not-allowed;transform:scale(1);color:rgb(var(--white),.5)}}}.secondaryButton{--loader-foreground-color:var(--primary);--loader-background-color:var(--primary),0.5;background-color:rgb(var(--primary),.05);&:hover{background-color:rgb(var(--primary),.1)}.commonButton{color:rgb(var(--primary));&:disabled{cursor:not-allowed;transform:scale(1);color:rgb(var(--primary),.5)}}}.tertiaryButton{--loader-foreground-color:var(--primary);--loader-background-color:var(--primary),0.5;background-color:transparent;&:hover{background-color:rgb(var(--primary),.05)}.commonButton{color:rgb(var(--primary));&:disabled{cursor:not-allowed;transform:scale(1);color:rgb(var(--primary),.5)}}}.normalButton{.commonButton{font:500 2.25rem/3rem Poppins;padding:1.25rem 5rem}}.mediumButton{.commonButton{font:500 1.8rem/2.4rem Poppins;padding:1rem 3.5rem}}.smallButton{.commonButton{font:500 1.4rem/2rem Poppins;padding:.75rem 3.5rem}}[data-variant=primary][aria-disabled=true]{transform:scale(1);pointer-events:none;background-color:rgba(var(--primary),.5);cursor:not-allowed}[data-variant=secondary][aria-disabled=true]{transform:scale(1);pointer-events:none;background-color:rgba(var(--primary),.05);cursor:not-allowed}[data-variant=tertiary][aria-disabled=true]{transform:scale(1);pointer-events:none;background-color:rgba(var(--primary),0);cursor:not-allowed}.ButtonLoader{width:20px;aspect-ratio:1;border-radius:50%;border:3px solid rgb(var(--loader-background-color));border-right-color:rgb(var(--loader-foreground-color));animation:l2 1s linear infinite}@keyframes l2{to{transform:rotate(2turn)}}