.block-gallery {
  margin: 50px 0 50px 0;

  &:last-child {
    margin-bottom: 0;
  }
}

.block-gallery-info {
  display: flex;
  justify-content: space-between;
  margin: 0 0 35px 0;

  h2 {
    font-size: var(--font-size-medium);
    color: var(--color-primary);
    margin: 0;
  }
}

.block-gallery-title {
  display: flex;
  justify-content: space-between;
}

.block-gallery-actions {
  display: flex;
  gap: 10px;

  svg {
    width: 30px;
    height: 30px;
  }
}

.block-gallery-action-prev, .block-gallery-action-next {
  cursor: pointer;
  &:hover {
    path {
      fill: var(--color-black);
    }
  }
}

.block-gallery-item {
  img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
  }
  width: 100%;
  margin: 0 calc(var(--grid-gutter-width) /2);
  max-width: min(730px, calc((100% - 2 * var(--grid-gutter-width)) / 3 * 2));
}