.btn-check:checked + .btn-mgr, .btn-check:active + .btn-mgr, .btn-mgr:active, .btn-mgr.active, .show > .btn-mgr.dropdown-toggle {
  color: #fff;
  background-color: var(--mgr-color);
  border-color: var(--mgr-color);
}

.btn-mgr {
  color: #fff;
  background-color: var(--mgr-color);
  border-color: var(--mgr-color);
}
.btn-mgr:hover {
  color: #fff;
  background-color: var(--mgr-color-hover);
  border-color: var(--mgr-color-hover);
}
.btn-mgr:focus {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.25rem var(--mgr-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--mgr-color-rgb);
}

.btn-check:focus + .btn-outline-mgr, .btn-outline-mgr:focus {
  -webkit-box-shadow: 0 0 0 0.25rem var(--mgr-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--mgr-color-rgb);
}

.btn-outline-mgr {
  color: #fff;
  background-color: var(--mgr-color);
  border-color: var(--mgr-color);
}
.btn-outline-mgr:hover {
  color: #fff;
  background-color: var(--mgr-color-hover);
  border-color: var(--mgr-color-hover);
}

.btn-check:checked + .btn-brand, .btn-check:active + .btn-brand, .btn-brand:active, .btn-brand.active, .show > .btn-brand.dropdown-toggle {
  color: #fff;
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}

.btn-brand {
  color: #fff;
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}
.btn-brand:hover {
  color: #fff;
  background-color: var(--brand-color-hover);
  border-color: var(--brand-color-hover);
}
.btn-brand:focus {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.25rem var(--brand-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--brand-color-rgb);
}

.btn-check:focus + .btn-outline-brand, .btn-outline-brand:focus {
  -webkit-box-shadow: 0 0 0 0.25rem var(--brand-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--brand-color-rgb);
}

.btn-outline-brand {
  color: #fff;
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}
.btn-outline-brand:hover {
  color: #fff;
  background-color: var(--brand-color-hover);
  border-color: var(--brand-color-hover);
}

.btn-check:checked + .btn-brand-second, .btn-check:active + .btn-brand-second, .btn-brand-second:active, .btn-brand-second.active, .show > .btn-brand-second.dropdown-toggle {
  color: #fff;
  background-color: var(--brand-second-color);
  border-color: var(--brand-second-color);
}

.btn-brand-second {
  color: #fff;
  background-color: var(--brand-second-color);
  border-color: var(--brand-second-color);
}
.btn-brand-second:hover {
  color: #fff;
  background-color: var(--brand-second-color-hover);
  border-color: var(--brand-second-color-hover);
}
.btn-brand-second:focus {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.25rem var(--brand-second-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--brand-second-color-rgb);
}

.btn-check:focus + .btn-outline-brand-second, .btn-outline-brand-second:focus {
  -webkit-box-shadow: 0 0 0 0.25rem var(--brand-second-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--brand-second-color-rgb);
}

.btn-outline-brand-second {
  color: #fff;
  background-color: var(--brand-second-color);
  border-color: var(--brand-second-color);
}
.btn-outline-brand-second:hover {
  color: #fff;
  background-color: var(--brand-second-color-hover);
  border-color: var(--brand-second-color-hover);
}

.btn-check:checked + .btn-viber, .btn-check:active + .btn-viber, .btn-viber:active, .btn-viber.active, .show > .btn-viber.dropdown-toggle {
  color: #fff;
  background-color: var(--viber-color);
  border-color: var(--viber-color);
}

.btn-viber {
  color: #fff;
  background-color: var(--viber-color);
  border-color: var(--viber-color);
}
.btn-viber:hover {
  color: #fff;
  background-color: var(--viber-color-hover);
  border-color: var(--viber-color-hover);
}
.btn-viber:focus {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.25rem var(--viber-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--viber-color-rgb);
}

.btn-check:focus + .btn-outline-viber, .btn-outline-viber:focus {
  -webkit-box-shadow: 0 0 0 0.25rem var(--viber-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--viber-color-rgb);
}

.btn-outline-viber {
  color: #fff;
  background-color: var(--viber-color);
  border-color: var(--viber-color);
}
.btn-outline-viber:hover {
  color: #fff;
  background-color: var(--viber-color-hover);
  border-color: var(--viber-color-hover);
}

.btn-check:checked + .btn-telegram, .btn-check:active + .btn-telegram, .btn-telegram:active, .btn-telegram.active, .show > .btn-telegram.dropdown-toggle {
  color: #fff;
  background-color: var(--telegram-color);
  border-color: var(--telegram-color);
}

.btn-telegram {
  color: #fff;
  background-color: var(--telegram-color);
  border-color: var(--telegram-color);
}
.btn-telegram:hover {
  color: #fff;
  background-color: var(--telegram-color-hover);
  border-color: var(--telegram-color-hover);
}
.btn-telegram:focus {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.25rem var(--telegram-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--telegram-color-rgb);
}

.btn-check:focus + .btn-outline-telegram, .btn-outline-telegram:focus {
  -webkit-box-shadow: 0 0 0 0.25rem var(--telegram-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--telegram-color-rgb);
}

.btn-outline-telegram {
  color: #fff;
  background-color: var(--telegram-color);
  border-color: var(--telegram-color);
}
.btn-outline-telegram:hover {
  color: #fff;
  background-color: var(--telegram-color-hover);
  border-color: var(--telegram-color-hover);
}

.btn-check:checked + .btn-whatsapp, .btn-check:active + .btn-whatsapp, .btn-whatsapp:active, .btn-whatsapp.active, .show > .btn-whatsapp.dropdown-toggle {
  color: #fff;
  background-color: var(--whatsapp-color);
  border-color: var(--whatsapp-color);
}

.btn-whatsapp {
  color: #fff;
  background-color: var(--whatsapp-color);
  border-color: var(--whatsapp-color);
}
.btn-whatsapp:hover {
  color: #fff;
  background-color: var(--whatsapp-color-hover);
  border-color: var(--whatsapp-color-hover);
}
.btn-whatsapp:focus {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.25rem var(--whatsapp-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--whatsapp-color-rgb);
}

.btn-check:focus + .btn-outline-whatsapp, .btn-outline-whatsapp:focus {
  -webkit-box-shadow: 0 0 0 0.25rem var(--whatsapp-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--whatsapp-color-rgb);
}

.btn-outline-whatsapp {
  color: #fff;
  background-color: var(--whatsapp-color);
  border-color: var(--whatsapp-color);
}
.btn-outline-whatsapp:hover {
  color: #fff;
  background-color: var(--whatsapp-color-hover);
  border-color: var(--whatsapp-color-hover);
}

.btn-check:checked + .btn-messenger, .btn-check:active + .btn-messenger, .btn-messenger:active, .btn-messenger.active, .show > .btn-messenger.dropdown-toggle {
  color: #fff;
  background-color: var(--messenger-color);
  border-color: var(--messenger-color);
}

.btn-messenger {
  color: #fff;
  background-color: var(--messenger-color);
  border-color: var(--messenger-color);
}
.btn-messenger:hover {
  color: #fff;
  background-color: var(--messenger-color-hover);
  border-color: var(--messenger-color-hover);
}
.btn-messenger:focus {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.25rem var(--messenger-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--messenger-color-rgb);
}

.btn-check:focus + .btn-outline-messenger, .btn-outline-messenger:focus {
  -webkit-box-shadow: 0 0 0 0.25rem var(--messenger-color-rgb);
          box-shadow: 0 0 0 0.25rem var(--messenger-color-rgb);
}

.btn-outline-messenger {
  color: #fff;
  background-color: var(--messenger-color);
  border-color: var(--messenger-color);
}
.btn-outline-messenger:hover {
  color: #fff;
  background-color: var(--messenger-color-hover);
  border-color: var(--messenger-color-hover);
}

.form-check-input:checked {
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}

.btn {
  border-radius: 0;
}