/* Единый вид и анимация кнопок на всех страницах sibarbo.ru */
/* Цвета: основной #2e7d32, при наведении #1b5e20 */

.button {
  transition: background .3s ease, border-color .3s ease, color .3s ease, transform .2s ease;
}
.button:hover {
  transform: translateY(-1px);
}
.button:active {
  transform: translateY(0);
}

/* Залитые кнопки (Узнать стоимость в шапке, Отправить, телефон в футере) */
.button-primary,
.button-primary:focus,
.button-secondary,
.button-secondary:focus {
  color: #fff !important;
  background-color: #2e7d32 !important;
  border-color: #2e7d32 !important;
}
.button-primary:hover,
.button-primary:active,
.button-secondary:hover,
.button-secondary:active {
  color: #fff !important;
  background-color: #1b5e20 !important;
  border-color: #1b5e20 !important;
}
.button-primary.button-ujarak::before,
.button-secondary.button-ujarak::before {
  background: #1b5e20 !important;
}
.button-primary.button-pipaluk::before,
.button-primary.button-pipaluk:focus::before,
.button-secondary.button-pipaluk::before,
.button-secondary.button-pipaluk:focus::before {
  background: #2e7d32 !important;
  border-color: #1b5e20 !important;
}
.button-primary.button-pipaluk::after,
.button-primary.button-pipaluk:focus::after,
.button-secondary.button-pipaluk::after,
.button-secondary.button-pipaluk:focus::after {
  border-color: #1b5e20 !important;
}
.button-primary.button-pipaluk:hover,
.button-primary.button-pipaluk:active,
.button-secondary.button-pipaluk:hover,
.button-secondary.button-pipaluk:active {
  color: #1b5e20 !important;
  background: transparent !important;
  border-color: #1b5e20 !important;
}

/* В слайдере — заливка, чтобы не сливалось с фоном */
.swiper-slider .button-default-outline,
.swiper-slider .button-default-outline:focus,
.swiper-slider .button-default-outline:hover,
.swiper-slider .button-default-outline:active {
  color: #fff !important;
  background-color: #2e7d32 !important;
  border-color: #2e7d32 !important;
}
.swiper-slider .button-default-outline:hover,
.swiper-slider .button-default-outline:active {
  background-color: #1b5e20 !important;
  border-color: #1b5e20 !important;
}
.swiper-slider .button-default-outline.button-ujarak::before {
  background: #1b5e20 !important;
}

/* Контурные кнопки (Все услуги и др., не в слайдере) */
.button-default-outline,
.button-default-outline:focus,
.button-default-outline-2,
.button-default-outline-2:focus {
  color: #162e44 !important;
  background-color: transparent !important;
  border-color: #2e7d32 !important;
}
.button-default-outline:hover,
.button-default-outline:active,
.button-default-outline-2:hover,
.button-default-outline-2:active {
  color: #fff !important;
  background-color: #2e7d32 !important;
  border-color: #2e7d32 !important;
}
.button-default-outline.button-ujarak::before,
.button-default-outline-2.button-ujarak::before {
  background: #2e7d32 !important;
}
.button-default-outline.button-pipaluk::before,
.button-default-outline.button-pipaluk:focus::before,
.button-default-outline-2.button-pipaluk::before,
.button-default-outline-2.button-pipaluk:focus::before {
  background: transparent !important;
  border-color: #2e7d32 !important;
}
.button-default-outline.button-pipaluk::after,
.button-default-outline.button-pipaluk:focus::after,
.button-default-outline-2.button-pipaluk::after,
.button-default-outline-2.button-pipaluk:focus::after {
  border-color: #2e7d32 !important;
}
.button-default-outline.button-pipaluk:hover,
.button-default-outline.button-pipaluk:active,
.button-default-outline-2.button-pipaluk:hover,
.button-default-outline-2.button-pipaluk:active {
  color: #2e7d32 !important;
  background: transparent !important;
  border-color: #2e7d32 !important;
}

/* Единая анимация ujarak */
.button-ujarak {
  transition: background .3s ease, border-color .3s ease, color .3s ease;
}
.button-ujarak::before {
  transition: transform .35s cubic-bezier(0.2, 1, 0.3, 1), opacity .35s ease;
}
.button-ujarak:hover::before {
  transition-duration: .35s;
}