.video-reviews {
  position: relative;
  padding: var(--sp) 0;
  overflow: hidden;
}

.video-reviews__title {
  margin-bottom: var(--title-mb);
}

.video-reviews__slider {
  position: relative;
  overflow: hidden;
}

.video-reviews__items .item {
  position: relative;
  width: 295px;
  aspect-ratio: 295/512;
  border-radius: var(--border-radius);
  overflow: hidden;
  border: 4px solid var(--secondary-2);
}

.video-reviews__items .item__preview {
  position: relative;
  z-index: 3;
  cursor: pointer;
}

.video-reviews__items .item__preview:hover .item__icon {
  transform: translate(-50%, -50%) scale(1.2);
}

.video-reviews__items .item__preview,
.video-reviews__items .item img {
  width: 100%;
  height: 100%;
}

.video-reviews__items .item__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M30 59C46.0163 59 59 46.0163 59 30C59 13.9837 46.0163 1 30 1C13.9837 1 1 13.9837 1 30C1 46.0163 13.9837 59 30 59Z' fill='white'/%3E%3Cpath d='M24 21.737C24 20.1396 25.7803 19.1869 27.1094 20.0729L39.5038 28.3359C40.6913 29.1275 40.6913 30.8725 39.5038 31.6641L27.1094 39.9271C25.7803 40.8131 24 39.8604 24 38.263V21.737Z' fill='%23222222'/%3E%3C/svg%3E") center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 58px;
  aspect-ratio: 1;
  transition: var(--transition);
}

.video-reviews__items .item iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 4;
}

.video-reviews__social-title {
  margin: var(--title-mb) 0 16px;
  letter-spacing: -0.24px;
}

.video-reviews__social-items {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.video-reviews__social-items .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid var(--neutral-2);
}

.video-reviews__social-items .item:hover svg path {
  fill: var(--primary-2);
}

.video-reviews__social-items .item svg {
  display: block;
  max-width: 26px;
  max-height: 26px;
  width: 100%;
  height: auto;
}

.video-reviews__social-items .item svg path {
  transition: var(--transition);
}

@media (max-width: 760px) {
  .video-reviews__social-items .item {
    width: calc((100% - 12px) / 4);
  }
}