.x-button{position:relative;padding:0;display:inline-block;height:44px;line-height:42px;border-radius:2px;box-sizing:border-box;font-size:16px;text-align:center;-webkit-appearance:none;-webkit-text-size-adjust:100%}.x-button::before{content:" ";position:absolute;top:50%;left:50%;opacity:0;width:100%;height:100%;border:inherit inherit #000;background-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.x-button:active::before{opacity:.15}.x-button--unclickable::before{display:none}.x-button--loading .x-loading,.x-button--mini{display:inline-block}.x-button--default{color:#333;background-color:#fff;border:1px solid #eee}.x-button--primary{color:#fff;background-color:#4b0;border:1px solid #4b0}.x-button--danger{color:#fff;background-color:#f44;border:1px solid #f44}.x-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.x-button--plain{background-color:#fff}.x-button--plain.x-button--primary{color:#4b0}.x-button--plain.x-button--danger{color:#f44}.x-button--plain.x-button--warning{color:#ff976a}.x-button--large{width:100%;height:50px;line-height:48px}.x-button--normal{padding:0 15px;font-size:14px}.x-button--small{height:30px;padding:0 8px;min-width:60px;font-size:12px;line-height:28px}.x-button--mini{width:50px;height:22px;line-height:20px;font-size:10px}.x-button--mini+.x-button--mini{margin-left:5px}.x-button--block{width:100%;display:block}.x-button--bottom-action{width:100%;height:50px;line-height:50px;border:0;border-radius:0;font-size:16px;color:#fff;background-color:#ff976a}.x-button--bottom-action.x-button--primary{background-color:#f44}.x-button--disabled{border-color:#ccc;background:#ccc}.x-button--round{border-radius:10em}.x-button--square{border-radius:0}