a.button,button{all:unset;background-color:var(--primary);color:var(--surface);width:-moz-fit-content;width:fit-content;padding-left:12px;padding-right:16px;height:40px;display:flex;gap:8px;align-items:center;border-radius:12px;transition-duration:.3s;transition-property:background-color,color;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.button p,button p{font-weight:500;font-size:14px}a.button>svg,button>svg{width:20px;height:20px}a.button>svg path,button>svg path{transition-duration:.3s;transition-property:fill;fill:var(--surface)}a.button:hover,button:hover{background-color:var(--on-secondary);color:var(--text)}a.button:hover>svg path,button:hover>svg path{fill:var(--text)}a.button.text,button.text{color:var(--primary);background-color:unset}a.button.text>svg path,button.text>svg path{fill:var(--primary)}a.button.text:hover,button.text:hover{color:var(--text);background-color:var(--on-secondary)}a.button.text:hover>svg path,button.text:hover>svg path{fill:var(--text)}a.button.secondary,button.secondary{color:var(--text);background-color:var(--secondary)}a.button.secondary>svg path,button.secondary>svg path{fill:var(--text)}a.button.secondary:hover,button.secondary:hover{color:var(--text);background-color:var(--on-secondary)}a.button.secondary:hover>svg path,button.secondary:hover>svg path{fill:var(--text)}a.button.on-secondary,button.on-secondary{color:var(--text);background-color:var(--on-secondary)}a.button.on-secondary>svg path,button.on-secondary>svg path{fill:var(--text)}a.button.on-secondary:hover,button.on-secondary:hover{color:var(--text);background-color:var(--on-secondary)}a.button.on-secondary:hover>svg path,button.on-secondary:hover>svg path{fill:var(--text)}a.button.delete,button.delete{color:var(--error);background-color:transparent}a.button.delete>svg path,button.delete>svg path{fill:var(--error)}