.base-button{align-items:center;border-radius:100px;cursor:pointer;display:inline-flex;justify-content:center;position:relative;text-align:center}.base-button .icon{height:13px;margin:0 0 0 10px;width:8px}.base-button .base-label{height:40px;line-height:40px;margin:0}.base-button .label-wrapper{padding:0 24px}.base-button:after{border-radius:100px;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:100%}.base-button-light{background:var(--linear-brand-gradient)}.base-button-light .base-label{color:#fff}.base-button-light:hover:after{background:hsla(0,0%,100%,.08);opacity:1}.base-button-light:active:after{background:hsla(0,0%,100%,.12);opacity:1}.base-button-default{background:#dadada}.base-button-default .base-label{color:var(--text-color-dark-medium)}.base-button-dark{background-color:var(--secondary-color)}.base-button-dark:before{background:var(--linear-brand-gradient);border-radius:100px;content:"";height:44px;left:-2px;position:absolute;top:-2px;width:calc(100% + 4px);z-index:-1}.base-button-dark .base-label{text-fill-color:transparent;background:var(--linear-brand-gradient);-webkit-background-clip:text;color:transparent}.base-button-dark:hover:after{background:rgba(255,50,93,.08);opacity:1}.base-button-dark:active:after{background:rgba(255,50,93,.12)}