.buttonContainer{--loader-foreground-color:255,255,255;--loader-background-color:32,32,32;background-color:none;background:none;border:none;outline:none;border-radius:30rem;display:flex;background-color:rgb(var(--secondary));align-items:center;justify-content:center;cursor:pointer;position:relative;&:hover{background-color:rgb(var(--secondary-hover))}.commonButton{outline:none;font:500 1.8rem/125% Poppins;background:none;border:none;color:rgb(var(--white));text-transform:capitalize;text-align:center;white-space:nowrap;padding:1.5rem 3rem;cursor:pointer;width:100%}.buttonLeftIconContainer,.buttonRightIconContainer{min-width:3.6rem;min-height:3.6rem;width:3.6rem;height:3.6rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;.buttonLeftIcon,.buttonRightIcon{width:2rem;height:2rem;min-width:2rem;min-height:2rem}}.buttonRightIconContainer{margin-right:1rem}.buttonLeftIconContainer{margin-left:1rem}.RightBackGround,.leftIconBackGround{background-color:rgb(var(--primary-hover))}.buttonLoadingContainer{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.hideElement{opacity:0}}.buttonSecondaryContainer{background-color:rgba(var(--primary),.05);&:hover{background-color:rgb(var(--primary),.1)}.commonButtonSecondary{color:rgb(var(--primary))}.RightBackGroundSecondary,.leftBackGroundSecondary{background-color:rgb(var(--primary),.1)}}.buttonLoadingContainerPrimary{--loader-foreground-color:var(--white);--loader-background-color:var(--white),0.25}.buttonLoadingContainerSecondary{--loader-foreground-color:var(--primary);--loader-background-color:var(--primary),0.25}[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}