.hipButton{color:#fff;cursor:pointer;background:#2f80ed;border:none;border-radius:8px;outline:none;justify-content:space-evenly;align-items:center;padding:10px 24px;font-family:roboto;font-size:16px;font-weight:500;transition:all .2s;display:flex;position:relative}.hipButton.small{border-radius:6px;padding:4px 16px;font-size:14px}.hipButton.iconOnly{padding:8px}.hipButton.iconOnly .hipIcons{margin-right:0}.hipButton.iconOnly.small{padding:4px}.hipButton .hipIcons{margin-right:8px}.hipButton .hipIcons svg path{fill:#fff!important}.hipButton:hover{background-color:#5999f1}.hipButton.outlined{color:#2f80ed;background-color:#0000}.hipButton.outlined .hipIcons svg path{fill:#2f80ed!important}.hipButton.outlined:hover{background-color:#2f80ed14}.hipButton.secondary{color:#2f80ed;background:#ebf3fe}.hipButton.secondary.outlined{border:1px solid #bcd4f5}.hipButton.secondary:hover{background-color:#d8e8fe}.hipButton.secondary .hipIcons{margin-right:8px}.hipButton.secondary .hipIcons svg path{fill:#2f80ed!important}.hipButton.gray{color:#484848;background:#f0f0f0}.hipButton.gray.outlined{border:1px solid #ddd}.hipButton.gray .hipIcons svg path{fill:#484848!important}.hipButton.red{color:#d8605c;background:#faeceb}.hipButton.red svg path{fill:#d8605c!important}.hipButton.red.outlined{border:1px solid #f1d4d3}.hipButton.red.outlined svg path{fill:#d8605c!important}.hipButton.red:hover{background-color:#f1d4d3}.hipButton.redFlat{color:#fff;background:#d8605c}.hipButton.redFlat.outlined{border:1px solid #f1d4d3}.hipButton.redFlat:hover{background-color:#faeceb}.hipButton.green{color:#55a68f;background:#eaf4f1}.hipButton.green svg path{fill:#55a68f!important}.hipButton.green:hover{background-color:#bbdbd2}.hipButton.orange{color:#fff;background:#fdac4d}.hipButton.orange:hover{background-color:#fcb86b}.hipButton.yellow{color:#f0ad4e;background-color:#f0ad261a}.hipButton.yellow:hover{background-color:#f0ad2633}.hipButton:disabled{color:#a0a0a0;cursor:not-allowed;background:#f0f0f0;border-color:#2f80ed80}.hipButton:disabled .hipIcons svg path{fill:#a0a0a0!important}.hipButton:disabled:hover{color:#a0a0a0;background:#f0f0f0;border-color:#2f80ed80}.hipButton:disabled:hover svg path{fill:#a0a0a0!important}.hipButton:disabled.outlined{color:#2f80ed80;background-color:#0000;border-color:#2f80ed80}