.tabs-version-2-item {
  transition: all 0.2 ease-in-out;
}
.tabs-version-2-item.gb-block-is-current {
  background-color: var(--button-color);
  color: #ffffff;
}

@media (max-width: 777px) {
  .tabs-version-2 {
    position: relative;
  }
  .show-mobile-overflow-arrow::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f9f6f1 80%);
    z-index: 2;
    pointer-events: none;
  }
  .show-mobile-overflow-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
    animation: arrowPulse 1.5s infinite;
    pointer-events: none;
  }
  @keyframes arrowPulse {
    0%, 100% {
      transform: translateY(-50%) translateX(0);
      opacity: 0.6;
    }
    50% {
      transform: translateY(-50%) translateX(4px);
      opacity: 1;
    }
  }
}