/**
 * Buttons
 * Стили частично позаимствованы у бутстрапа
 *
 * @module ls/button
 *
 * @license   GNU General Public License, version 2
 * @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
 * @author    Denis Shakhov <denis.shakhov@gmail.com>
 */

:root {
	--white: #fff;
	--accent: #246E9B;
	--boxShadow: 0px 6px 12px -6px rgba(57, 79, 96, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
	--whiteIcon: #9FB5C6;
	--hoverIcon: #E9EEF2;
	--tableSortColor: #394F60;
	--black: #131A20;
	--red: #AA1627;
	--green: #059863;
	--purple: #8943D6;

	--blackIcon: #263440;
	--blackTheme: #0A0D10;
}

.ls-button {
  display: inline-block;
  background: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  appearance: none;
  touch-action: manipulation;
  color: var(--accent);
  border: 2px solid var(--accent);
  border-radius: 8px;
  padding: 0 15px;
  height: 36px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
}
/* .ls-button:active,
.ls-button.active,
.ls-button:hover,
.ls-button:focus {
    opacity: 0.8;
} */

.ls-button-submit,.ls-button--primary {
  background-color: var(--accent);
  color: #fff;
}
.ls-button--side {
	border-radius:16px;
	margin-bottom: 24px;
	height: 40px;
	line-height: 36px;
}

.ls-button--side:hover {
	color: var(--white) !important;) !important;!i;!;!i;!;!I;!;
	opacity: .9;
}

.ls-button--side .icon {
	vertical-align: text-bottom;
	margin-right: 8px;
}