@import '../../app.less'; .button { text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; transition: all 0.25s; border-radius: 2px; } .button.basic { padding: 4px 24px; line-height: 20px; font-size: 14px; } .button.small { padding: 3px 14px; line-height: 18px; font-size: 12px; } .button.lager { font-size: 18px; font-weight: 600; line-height: 28px; padding: 8px 16px; } .button.disabled { cursor: no-drop; } .button.basic.radius { border-radius: 17px; } .button.small.radius { border-radius: 14px; } .button.lager.radius { border-radius: 36px; } .button.theme { background: @theme_color; color: #fff; } .button.default { background: #fff; color: @holder_color; border: 1px solid @line_color; } .button.white { background: #fff; color: @theme_color; } .button.border { background: #fff; border: 2px solid @theme_color; } .button.theme:hover { background: @theme_color_hover; } .button.border:hover { border-color: @theme_color; } .button.default:hover { border-color: @holder_color; } .button.white:hover { color: @theme_color_hover; }