/* === Black logo (для элемента с CSS-классом black_button) === */
.tn-elem.black_button .tn-atom,
.t396__elem.black_button .tn-atom{
  position: relative;                 /* для ::before */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 260px !important;
  height: 80px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  gap: 10px;                          /* вместо margin-right у ::before */
}

.tn-elem.black_button .tn-atom::before,
.t396__elem.black_button .tn-atom::before{
  content: "";
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: inline-block;
  background-image: url("https://static.tildacdn.com/tild3864-6531-4439-b765-316136303461/MTS_Live_Logo_Black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  transform: translateY(-4px);
}

/* === White logo (для элемента с CSS-классом white_button) === */
.tn-elem.white_button .tn-atom,
.t396__elem.white_button .tn-atom{
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 260px !important;
  height: 80px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  gap: 10px;
}

.tn-elem.white_button .tn-atom::before,
.t396__elem.white_button .tn-atom::before{
  content: "";
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: inline-block;
  background-image: url("https://static.tildacdn.com/tild3734-3531-4638-a230-323837613133/MTS_Live_Logo_White.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  transform: translateY(-4px);
}