.el-button{border:none;outline:none;cursor:pointer;display:inline-flex;padding:12px 18px;justify-content:center;align-items:center;gap:2px;flex-shrink:0;border-radius:8px;position:relative;overflow:hidden;font-size:1.6rem;font-style:normal;font-weight:500;line-height:140%;transition:.2s ease-in-out}.el-button__icon{width:22px;height:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-button__icon svg{width:100%;height:100%}.el-button--primary{background-color:var(--blue-90);color:var(--white-100)}.el-button--primary:hover{background-color:var(--blue-100)}.el-button--primary:active{background-color:var(--blue-90)}.el-button--primary span.ripple{border-radius:50%;position:absolute;transform:scale(0);animation:ripple .5s linear forwards;background-color:var(--blue-50)}.el-button--light{background-color:var(--blue-40);color:var(--blue-90)}.el-button--light:active,.el-button--light:hover{background-color:var(--blue-50)}.el-button--light span.ripple{border-radius:50%;position:absolute;transform:scale(0);animation:ripple .5s linear forwards;background-color:var(--blue-90)}.el-button--gray{background-color:var(--black-50);color:var(--white-100)}.el-button--gray:active,.el-button--gray:hover{background-color:var(--black-30)}.el-button--gray .el-button__icon{color:var(--white-100)}.el-button--gray span.ripple{border-radius:50%;position:absolute;transform:scale(0);animation:ripple .5s linear forwards;background-color:var(--black-100)}.el-button--gray-transparent{border-radius:10px;border:1px solid var(--black-10,#f8f8f8);background:var(--white-100,#fff);color:var(--black-50,#8e8e8e)}.el-button--gray-transparent:hover{background-color:var(--black-30);color:var(--black-100)}.el-button--gray-transparent:active{background-color:var(--black-30)}.el-button--gray-transparent .el-button__icon{color:var(--white-100)}.el-button--gray-transparent span.ripple{border-radius:50%;position:absolute;transform:scale(0);animation:ripple .5s linear forwards;background-color:var(--black-100)}.el-button--white-border{border:1px solid var(--black-20);background:var(--white-100,#fff);color:var(--black-50,#8e8e8e)}.el-button--white-border:active,.el-button--white-border:hover{background-color:var(--blue-30)}.el-button--white-border span.ripple{border-radius:50%;position:absolute;transform:scale(0);animation:ripple .5s linear forwards;background-color:var(--blue-90)}.el-button--white-border.active{border-color:var(--blue-90);color:var(--blue-90)}.el-button--white-border-bottom{border-bottom:1px solid var(--black-50);background:transparent;border-radius:0;color:var(--black-50,#8e8e8e);transition:.3s ease}.el-button--white-border-bottom:active,.el-button--white-border-bottom:hover{background-color:var(--blue-30)}.el-button--white-border-bottom span.ripple{border-radius:50%;position:absolute;transform:scale(0);animation:ripple .5s linear forwards;background-color:var(--blue-90)}.el-button--white-border-bottom.active{border-color:var(--blue-90);color:var(--blue-90);background:linear-gradient(180deg,#fff0,#fff)}.el-button:disabled{pointer-events:none;opacity:.5}