.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:not(.active):active,.buttonWrapper.primary:not(.active):hover{background:var(--primaryHover)}.buttonWrapper.primary.active{cursor:default}.buttonWrapper.primary:disabled{pointer-events:none;background:var(--grayHover);color:rgba(var(--text-rgb),.7)}.buttonWrapper.primaryTonal{background:var(--primaryTonal);color:var(--primary)}.buttonWrapper.primaryTonal:not(.active):active,.buttonWrapper.primaryTonal:not(.active):hover{background:var(--primary);color:var(--primary-sc)!important}.buttonWrapper.primaryTonal.active{cursor:default}.buttonWrapper.primaryTonal: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:not(.active):active,.buttonWrapper.secondary:not(.active):hover{background:var(--secondaryHover)}.buttonWrapper.secondary.active{cursor:default}.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:not(.active):active,.buttonWrapper.secondaryTonal:not(.active):hover{background:rgba(var(--secondaryHover-rgb),.2)}.buttonWrapper.secondaryTonal.active{cursor:default}.buttonWrapper.secondaryTonal:disabled{pointer-events:none;background:var(--grayHover);color:rgba(var(--text-rgb),.7)}.buttonWrapper.custom{background:var(--bgColor);color:var(--textColor)}.buttonWrapper.custom:not(.active):active,.buttonWrapper.custom:not(.active):hover{opacity:.8}.buttonWrapper.custom.active{cursor:default}.buttonWrapper.custom: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:not(.active):active,.buttonWrapper.text:not(.active):hover{background:var(--grayHover)}.buttonWrapper.text.active{cursor:default}.buttonWrapper.outlinePrimary{background:rgba(0,0,0,0);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.buttonWrapper.outlinePrimary:not(.active):active,.buttonWrapper.outlinePrimary:not(.active):hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,0);color:var(--primary-sc);background:var(--primaryHover)}.buttonWrapper.outlinePrimary.active{cursor:default}.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:not(.active):active,.buttonWrapper.outline:not(.active):hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,0);color:var(--primary-sc);background:var(--primaryHover)}.buttonWrapper.outline.active{cursor:default}.buttonWrapper.default{background:rgba(0,0,0,0);color:var(--title);background:var(--gray)}.buttonWrapper.default:not(.active):active,.buttonWrapper.default:not(.active):hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,0);color:var(--primary-sc);background:var(--primaryHover)}.buttonWrapper.default.active{cursor:default}