.buttonWrapper{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;font-weight:500;cursor:pointer;transition:all .4s;position:relative}.buttonWrapper.fullWidth{width:100%}.buttonWrapper.rounded{border-radius:50%!important}.buttonWrapper.large{height:5.2rem;font-size:1.6rem;line-height:2.4rem;padding:1.4rem 2.4rem;border-radius:.8rem}.buttonWrapper.large.withIcon{padding-left:1.4rem}.buttonWrapper.large.onlyIcon{font-size:2.4rem;padding:1.4rem}.buttonWrapper.medium{height:4.8rem;font-size:1.6rem;line-height:2.4rem;padding:1.2rem 2rem;border-radius:.8rem}.buttonWrapper.medium.withIcon{padding-left:1.2rem}.buttonWrapper.medium.onlyIcon{font-size:2.4rem;padding:1.2rem}.buttonWrapper.small{height:4rem;font-size:1.4rem;line-height:2rem;padding:1rem 1.6rem;border-radius:.8rem}.buttonWrapper.small.onlyIcon{font-size:2rem;padding:1rem}.buttonWrapper.small.withIcon{padding-left:1rem}.buttonWrapper.primary{background:var(--primary);color:var(--primary-sc);box-shadow:0 0 1.2rem 0 rgba(78,113,255,.2)}.buttonWrapper.primary:active,.buttonWrapper.primary:hover{background:var(--primaryHover)}.buttonWrapper.primary:disabled{pointer-events:none;background:var(--grayHover);color:rgba(var(--text-rgb),.7)}.buttonWrapper.secondary{background:var(--secondary);color:var(--secondary-sc);box-shadow:0 0 1.2rem 0 rgba(117,88,204,.3019607843)}.buttonWrapper.secondary:active,.buttonWrapper.secondary:hover{background:var(--secondaryHover)}.buttonWrapper.secondary:disabled{pointer-events:none;background:var(--grayHover);color:rgba(var(--text-rgb),.7)}.buttonWrapper.secondaryTonal{background:rgba(var(--secondary-rgb),.1);color:var(--secondary)}.buttonWrapper.secondaryTonal:active,.buttonWrapper.secondaryTonal:hover{background:rgba(var(--secondaryHover-rgb),.2)}.buttonWrapper.secondaryTonal:disabled{pointer-events:none;background:var(--grayHover);color:rgba(var(--text-rgb),.7)}.buttonWrapper.text{background:rgba(0,0,0,0);color:var(--text)}.buttonWrapper.text:active,.buttonWrapper.text:hover{background:var(--grayHover)}.buttonWrapper.outlinePrimary{background:rgba(0,0,0,0);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.buttonWrapper.outlinePrimary:active,.buttonWrapper.outlinePrimary:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,0);color:var(--primary-sc);background:var(--primaryHover)}.buttonWrapper.outline{background:rgba(0,0,0,0);color:var(--title);box-shadow:inset 0 0 0 1px rgba(var(--title-rgb),.5)}.buttonWrapper.outline:active,.buttonWrapper.outline:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,0);color:var(--primary-sc);background:var(--primaryHover)}