.simple-tabs {
  display: grid;
  grid-auto-flow: row;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch
}
.simple-tabs .tabs__items {
  display: grid;
  grid-auto-flow: column;
  margin: 8px 0 16px
}
.simple-tabs .tabs__buttons {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 24px;
  grid-gap: 24px;
  height: 48px;
  border-bottom: 1px solid #e6e6e6
}
.simple-tabs .tabs__button {
  position: relative;
  margin: 0;
  padding: 8px 0 14px;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer
}
.simple-tabs .tabs__button:hover {
  color: #0041cb
}
.simple-tabs .tabs__button:hover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #81a7f8
}
.simple-tabs .tabs__button--active {
  border-bottom-color: #0041cb;
  color: #0041cb;
  font-weight: 600;
  cursor: default
}
.simple-tabs .tabs__button--active:after,
.simple-tabs .tabs__button--active:hover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #0041cb
}
.simple-tabs .tabs__content--active {
  display: block
}
.simple-tabs .tabs__content--hidden {
  display: none
}