.btnmenu .tn-molecule {
  background-color: transparent;
  transition: background-color .2s;
}

.btnmenu .tn-atom {
  color: #FFFFFF;
  transition: color .2s;
}

.btnmenu:hover .tn-molecule {
  background-color: #ffffff !important;
}

.btnmenu:hover .tn-atom {
  color: #222222 !important;
}

.btnmenu:hover svg path {
    fill: #222222 !important;
}

.tags.t396__group {
  background-color: #ffffff;             /* фон по умолчанию — белый */
  color: #222222;                       /* текст по умолчанию — тёмный */
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 30px;                  /* фиксированное скругление */
}

.tags.t396__group:hover {
  background-color: #3A2D71;           /* фон по ховеру — фиолетовый */
}

.tags.t396__group:hover .tn-atom {
  color: #ffffff !important;           /* текст по ховеру — белый */
}

.btninsta {
    transition: transform 0.3s ease;
}

.btninsta:hover {
    transform: scale(1.05);
}

.btnviola .tn-molecule {
  background-color: #3A2D71;
  transition: background-color .2s;
}

.btnviola .tn-atom {
  color: #FFFFFF;
  transition: color .2s;
}

.btnviola:hover .tn-molecule {
  background-color: #FFCB3D !important;
}

.btnviola:hover .tn-atom {
  color: #222222 !important;
}

.btnyellow .tn-molecule {
  background-color: #FFCB3D;
  transition: background-color .2s;
}

.btnyellow .tn-atom {
  color: #222222;
  transition: color .2s;
}

.btnyellow:hover .tn-molecule {
  background-color: #3A2D71 !important;
}

.btnyellow:hover .tn-atom {
  color: #FFFFFF !important;
}

.btntilda.t396__group {
  background-color: #3A2D71 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 30px;
}

.btntilda.t396__group .tn-atom {
  color: #FFFFFF !important;
  transition: color 0.3s ease;
}

.btntilda.t396__group:hover {
  background-color: #FFCB3D !important;
}

.btntilda.t396__group:hover .tn-atom {
  color: #222222 !important;
}

.ov {
  overflow: visible;
}

.oh {
  overflow: hidden;
}

#rec1202762526 {
  opacity: 0;
  transform: translateY(-100%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  visibility: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#rec1202762526.show-on-scroll {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}