.product-tabs {
  border: 1px solid var(--color-2);
  text-align: center;
}

.product-tab {
  cursor: pointer;
}

.product-tab:not(:last-child) {
  border-right: 1px solid var(--color-2);
}

.product-tab.active--true {
  background-color: #E7E7E7;
}

.product-tab-detail {
  display: none;
  opacity: 0;
  transition: opacity 200ms ease;
}

.product-tab-detail.active--true {
  display: block;
  opacity: 1;
}