.ya-share2__container {
    padding: 0px 0px 10px !important;
}
.ya-share2__badge {
    vertical-align: top !important; /* Выравниваем кнопки верх  */
	background-color: #747474 !important; /* Задаем серый цвет по умолчанию  */  
}
/* переопределяем цвет кнопки в соответствии с шаблоном */
.btn-primary { color: #fff; border-color: #808000 !important; background-color: #808000 !important; }
.btn-primary:hover { border-color: #808000 !important; background-color: #808000 !important; }
.btn-primary:focus { border-color: #808000 !important; background-color: #808000 !important; }
.btn-primary:active { border-color: #808000 !important; background-color: #cccc00 !important; }
.contact-form legend {display:none} /* убираем надпись Отправка сообщения */

/* дизайн кнопки whatsapp_button */
a.whatsapp_button {
	color: #fff; /* цвет текста */
	text-decoration: none; /* Убираем подчёркивание у ссылок */
	user-select: none; /* Убираем выделение текста */
	background: rgb(51,204,102); /* фон кнопки */
	padding: 0.25em 0.5em 0.25em; /* отступ верхний, по бокам, нижний */
	margin: 10px 0px 10px 0px; /* Top Right Bottom Left -> отступы кнопки... слева left от начала строки и т.п. */
	outline: none; /* Убираем контур в Mozilla */
	border-radius: 5px; /* Для элемента задается радиус скругления */
}
a.whatsapp_button:hover { /* Цвет при наведении курсора мышки на нашу кнопку */
	background: rgb(51,255,153);
} 
a.whatsapp_button:active { /* Цвет при нажатии на нашу кнопку */
	background: rgb(51,204,102);
}

/* дизайн кнопки telegram_button */
a.telegram_button {
	color: #fff; /* цвет текста */
	text-decoration: none; /* Убираем подчёркивание у ссылок */
	user-select: none; /* Убираем выделение текста */
	background: rgb(0,153,204); /* фон кнопки */
	padding: 0.25em 0.5em 0.25em; /* отступ верхний, по бокам, нижний */
	margin: 10px 0px 10px 0px; /* Top Right Bottom Left -> отступы кнопки... слева left от начала строки и т.п. */
	outline: none; /* Убираем контур в Mozilla */
	border-radius: 5px; /* Для элемента задается радиус скругления */
}
a.telegram_button:hover { /* Цвет при наведении курсора мышки на нашу кнопку */
	background: rgb(0,204,255);
} 
a.telegram_button:active { /* Цвет при нажатии на нашу кнопку */
	background: rgb(0,153,204);
}

/* дизайн кнопки quote_request_button */
a.quote_request_button {
	color: #fff; /* цвет текста */
	text-decoration: none; /* Убираем подчёркивание у ссылок */
	user-select: none; /* Убираем выделение текста */
	background: rgb(153,153,0); /* фон кнопки */
	padding: 0.25em 0.5em 0.25em; /* отступ верхний, по бокам, нижний */
	margin: 10px 0px 10px 0px; /* Top Right Bottom Left -> отступы кнопки... слева left от начала строки и т.п. */
	outline: none; /* Убираем контур в Mozilla */
	border-radius: 5px; /* Для элемента задается радиус скругления */
}
a.quote_request_button:hover { /* Цвет при наведении курсора мышки на нашу кнопку */
	background: rgb(204,204,0);
} 
a.quote_request_button:active { /* Цвет при нажатии на нашу кнопку */
	background: rgb(153,153,0);
}

a.knopka {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(153,153,0); /* фон кнопки */
  padding: 0.2em 0.8em 0.2em; /* отступ верхний, по бокам, нижний */
  outline: none; /* убирать контур в Mozilla */
} 
a.knopka:hover { background: rgb(204,204,0); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(102,102,0); } /* при нажатии на нашу кнопку */

a.price {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(204,102,102); /* фон кнопки */
  padding: 0.2em 0.8em 0.2em; /* отступ верхний, по бокам, нижний */
  outline: none; /* убирать контур в Mozilla */
} 
a.price:hover { background: rgb(255,102,102); } /* при наведении курсора мышки */
a.price:active { background: rgb(153,51,51); } /* при нажатии на нашу кнопку */

/* дизайн подсмотрен у Эльдорадо и их картинка переведена в CSS */
a.call_to_buy {
	display: inline-block; /*  Рисунок как блочный элемент */
	position: relative;
	z-index: 1;
	color: black;
	font-size: 135%;
	font-weight: 700;
	text-decoration: none;
	padding: .25em .5em;
	margin: 20px 0px 20px 30px; /* Top Right Bottom Left */
}
a.call_to_buy:after {
  content: "Купить";  /* здесь 6 букв */
  position: absolute;
  z-index: -1;
  top: -2px;
  bottom: -2px;
  left: -2px;
  width: calc(100% + 6*(1em*90/135) - 2px*2*2);  /* где 6*(1em*90/135), где 6 - это 6 букв, 90 - это font-size after, а 135 - это font-size родителя */
  text-align: right;
  color: #fff;
  font-size: 90%;
  padding: .25em .5em;
  border-radius: 5px;
  border: 2px solid #c61e40;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  background: linear-gradient(#d4536d, #c61e40) no-repeat 100% 0;
  background-size: calc(6*(1em*90/135) + .5em) 100%;
  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,0);
  transition: .3s;
}
a.call_to_buy:hover:after {
  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,.2);
}
a.call_to_buy:active:after {
  background-image: linear-gradient(#c61e40, #d4536d);
}

/* дизайн подсмотрен у Эльдорадо и их картинка переведена в CSS */
a.request_quote {
	display: inline-block; /*  Рисунок как блочный элемент */
	position: relative;
	z-index: 1;
	color: black;
	font-size: 135%;
	font-weight: 700;
	text-decoration: none;
	padding: .25em .5em;
	margin: 20px 0px 20px 30px; /* Top Right Bottom Left -> отступы кнопки... слева left от начала строки и т.п. */
}
a.request_quote:after {
  content: "Узнать цену";  /* здесь 10 букв */
  position: absolute;
  z-index: -1;
  top: -2px;
  bottom: -2px;
  left: -2px;
  width: calc(100% + 10*(1em*90/135) - 2px*2*2);  /* где 10*(1em*90/135), где 10 - это 10 букв, 90 - это font-size after, а 135 - это font-size родителя */
  text-align: right;
  color: #fff;
  font-size: 90%;
  padding: .25em .5em;
  border-radius: 5px;
  border: 2px solid #c61e40;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  background: linear-gradient(#d4536d, #c61e40) no-repeat 100% 0;
  background-size: calc(10*(1em*90/135) + .5em) 100%;
  box-shadow: inset calc(-10*(1em*90/135) - .5em) 0 rgba(255,255,255,0);
  transition: .3s;
}
a.request_quote:hover:after {
  box-shadow: inset calc(-10*(1em*90/135) - .5em) 0 rgba(255,255,255,.2);
}
a.request_quote:active:after {
  background-image: linear-gradient(#c61e40, #d4536d);
}