:root {
  --tab-border: #66b078;
  --tab-bg: #fff;
  --tab-color: #427f51;
  --tab-active-bg: #1f6166;
  --tab-active-color: #ffffff;
}

.tabs-search-ttma {
  display: block;
  margin-bottom: 16px;
}

.tabs-search-ttma__list {
  display: flex;
  gap: 20px;
}

.tabs-search-ttma__tab {
  width: 100%;
  min-height: 38px;
  border-radius: 13px;
  border: 1px solid var(--tab-border);
  background-color: var(--tab-bg) !important;
  font-size: 16px !important;
  color: var(--tab-color);
  font-size: 14px;
  line-height: 27px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.tabs-search-ttma__tab--active {
  background-color: var(--tab-active-bg) !important;
  color: var(--tab-active-color) !important;
  border-color: var(--tab-active-bg);
}

@media (min-width: 768px) {
  .tabs-search-ttma {
    display: none;
  }
}