.mavis-button{border-radius:8px;padding:8px 24px;font-size:14px;line-height:18px;transition:background-color .3s}.mavis-button.blue{background-color:var(--border_accent);color:#fff}.mavis-button.blue:hover{background-image:linear-gradient(var(--bg_interaction_accent_hover),var(--bg_interaction_accent_hover))}.mavis-button.deepGray{background-color:var(--text_default_tertiary);color:var(--text_default_tertiary)}.mavis-button.deepGray:hover{background-color:#434347}.mavis-button.black{background-color:var(--bg_interaction_primary_default);color:var(--text_label_primary_default)}.mavis-button.black:hover{background:linear-gradient(0deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 100%),var(--bg_interaction_primary_default)!important}.dark .mavis-button.black{background-color:var(--bg_interaction_primary_default);color:var(--text_label_primary_default)}.dark .mavis-button.black:hover{opacity:.8!important}.mavis-button.black:hover{background:var(--bg_interaction_primary_hover)!important}.mavis-button.white{background-color:var(--bg_interaction_tertiary_default);color:var(--text_default_primary)}.mavis-button.white:hover{background:linear-gradient(0deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 100%),var(--bg_interaction_tertiary_default)!important}.dark .mavis-button.white{background-color:var(--bg_interaction_tertiary_default);color:var(--text_default_primary)}.dark .mavis-button.white:hover{opacity:.8!important}.mavis-button.white{border:1px solid var(--border_tertiary_default)}.mavis-button.white:hover{background:var(--bg_interaction_tertiary_hover)!important;border-color:var(--border_tertiary_hover)}.mavis-button.redText{background-color:var(--bg_interaction_danger_secondary_default);color:var(--text_label_danger_secondary_default)}.mavis-button.redText:hover{background:linear-gradient(0deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 100%),var(--bg_interaction_danger_secondary_default)!important}.dark .mavis-button.redText{background-color:var(--bg_interaction_danger_secondary_default);color:var(--text_label_danger_secondary_default)}.dark .mavis-button.redText:hover{opacity:.8!important}.mavis-button.redText:hover{background:var(--bg_interaction_danger_secondary_hover)!important;color:var(--text_label_danger_secondary_hover)!important}.mavis-button.gray{background-color:var(--bg_interaction_secondary_default);color:var(--text_default_primary)}.mavis-button.gray:hover{background:linear-gradient(0deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 100%),var(--bg_interaction_secondary_default)!important}.dark .mavis-button.gray{background-color:var(--bg_interaction_secondary_default);color:var(--text_default_primary)}.dark .mavis-button.gray:hover{opacity:.8!important}.mavis-button.gray:hover{background:var(--bg_interaction_secondary_hover)!important;color:var(--text_default_primary)!important}.mavis-button.gray:active{background:var(--bg_interaction_secondary_press)!important;color:var(--text_default_primary)!important}.mavis-button.blueText{background-color:var(--bg_default_secondary);color:var(--text_default_accent)}.mavis-button.blueText:hover{background:linear-gradient(0deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 100%),var(--bg_default_secondary)!important}.dark .mavis-button.blueText{background-color:var(--bg_default_secondary);color:var(--text_default_accent)}.dark .mavis-button.blueText:hover{opacity:.8!important}.mavis-button.disabled{opacity:.5;cursor:not-allowed}.mavis-button.gray.disabled{background:var(--bg_interaction_secondary_inactive)!important;color:var(--text_label_secondary_inactive);opacity:1}.mavis-button.gray.disabled:hover{background:var(--bg_interaction_secondary_inactive)!important;color:var(--text_label_secondary_inactive)!important}.mavis-button.redOutline{background-color:transparent}.mavis-button.redOutline:hover{background:linear-gradient(0deg,rgba(0,0,0,.04),rgba(0,0,0,.04)),transparent!important}.dark .mavis-button.redOutline{background-color:transparent;color:var(--text_status_error)}.dark .mavis-button.redOutline:hover{opacity:.8!important}.mavis-button.redOutline{color:var(--text_status_error);border:1px solid var(--border_danger_default)}.mavis-button.redOutline:hover{color:var(--text_label_danger_secondary_hover)!important;border-color:var(--border_danger_hover)!important;background:transparent!important}.mavis-button.grayOutline{background-color:transparent}.mavis-button.grayOutline:hover{background:linear-gradient(0deg,rgba(0,0,0,.04),rgba(0,0,0,.04)),transparent!important}.dark .mavis-button.grayOutline{background-color:transparent;color:var(--text_default_secondary)}.dark .mavis-button.grayOutline:hover{opacity:.8!important}.mavis-button.grayOutline{color:var(--text_default_secondary);border:1px solid var(--border_tertiary_default)}.mavis-button.grayOutline:hover{color:var(--text_label_secondary_hover)!important;border-color:var(--border_tertiary_hover)}.mavis-button.red{background-color:var(--bg_interaction_danger_primary_default);color:var(--text_label_danger_primary_default)}.mavis-button.red:hover{background:linear-gradient(0deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 100%),var(--bg_interaction_danger_primary_default)!important}.dark .mavis-button.red{background-color:var(--bg_interaction_danger_primary_default);color:var(--text_label_danger_primary_default)}.dark .mavis-button.red:hover{opacity:.8!important}.mavis-button.red:hover{background:var(--bg_interaction_danger_primary_hover)!important}.mavis-button.transparent{background-color:transparent}.mavis-button.transparent:hover{background:transparent!important}.light{--red-btn:#fe3666;--blue-btn:#5fabfc;--red-btn-hover:#e5315c}.dark{--red-btn:#ff5d52;--blue-btn:#5fabfc;--red-btn-hover:#e5544a}