ng-zorro-antd/float-button/style/index.min.css

An enterprise-class UI components based on Ant Design and Angular

.ant-float-btn{position:fixed;z-index:99;display:block;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;border:none;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);cursor:pointer;inset-inline-end:24px;inset-block-end:48px}.ant-float-btn-hidden{display:none}.ant-float-btn-pure{position:relative;inset:auto}.ant-float-btn:empty{display:none}.ant-float-btn-body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all .2s}.ant-float-btn-body .ant-float-btn-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40px;padding:2px 4px;overflow:hidden;text-align:center}.ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon{width:18px;margin:auto;font-size:18px;line-height:1;text-align:center}.ant-float-btn-inner{display:block;width:100%;height:100%;margin:0;padding:0;list-style:none;border:none}.ant-float-btn-rtl{direction:rtl}.ant-float-btn-circle{height:40px;border-radius:50%}.ant-float-btn-circle .ant-float-btn-body{border-radius:50%}.ant-float-btn-square{height:auto;min-height:40px;border-radius:2px}.ant-float-btn-square .ant-float-btn-body{height:auto;border-radius:2px}.ant-float-btn-default{background-color:#fff;transition:background-color .2s}.ant-float-btn-default .ant-float-btn-body{background-color:#fff;transition:background-color .2s}.ant-float-btn-default .ant-float-btn-body:hover{color:rgba(0,0,0,.85);background-color:#f5f5f5}.ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon{color:rgba(0,0,0,.85)}.ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-description{display:flex;align-items:center;color:rgba(0,0,0,.85);font-size:12px;line-height:1.5715}.ant-float-btn-default:focus{color:rgba(0,0,0,.85)}.ant-float-btn-top{padding:0!important}.ant-float-btn-group{position:fixed;z-index:99;display:block;box-sizing:border-box;width:40px;height:auto;min-height:40px;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:1.5715;list-style:none;border:none;border-radius:2px;box-shadow:none;inset-inline-end:24px;inset-block-end:48px}.ant-float-btn-group-wrap{position:relative;z-index:-1;display:block;margin-bottom:16px}.ant-float-btn-group-rtl{direction:rtl}.ant-float-btn-group .ant-float-btn{position:static}.ant-float-btn-group-circle .ant-float-btn-circle:not(:last-child){margin-bottom:16px}.ant-float-btn-group-circle .ant-float-btn-body{width:40px;height:40px}.ant-float-btn-group-square .ant-float-btn-square{padding:0;border-radius:0}.ant-float-btn-group-square .ant-float-btn-square:first-child{border-start-start-radius:2px;border-start-end-radius:2px}.ant-float-btn-group-square .ant-float-btn-square:last-child{border-start-start-radius:2px;border-start-end-radius:2px}.ant-float-btn-group-square .ant-float-btn-square:not(:last-child){border-bottom:1px solid #d9d9d9}.ant-float-btn-group-square .ant-float-btn-group-wrap{display:block;overflow:hidden;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square{margin-top:0;padding:4px;border-radius:0;box-shadow:none}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:first-child{border-start-start-radius:2px;border-start-end-radius:2px}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:last-child{border-start-start-radius:2px;border-start-end-radius:2px}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:not(:last-child){border-bottom:1px solid #d9d9d9}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body{width:32px;height:32px}.ant-float-btn-group-circle-shadow{box-shadow:none}.ant-float-btn-group-square-shadow{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-float-btn-group-square-shadow .ant-float-btn-square{padding:4px;box-shadow:none}.ant-float-btn-group-square-shadow .ant-float-btn-square .ant-float-btn-body{width:32px;height:32px}