.gb-presentation {
  padding: 24px 24px 0 24px;
}

.gb-presentation__wrapper {
  background-color: var(--bg-secondary);
  border-radius: var(--radius);
  border: 1px solid var(--border);
}

.gb-presentation__title {
  padding: 24px 24px 0 24px;
  font-size: 24px;
  color: var(--primary);
  font-weight: 600;
  border-radius: var(--radius) var(--radius) 0 0;
}

.gb-presentation__description {
  padding: 24px;
  color: var(--text-light);
}

.gb-presentation__text + .gb-presentation__text {
  margin-top: 16px;
}

.gb-presentation__social {
  display: flex;
  gap: 16px;
  padding: 0 24px 24px 24px;
}

.gb-presentation__icon {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}

.gb-presentation__icon:hover {
  background-color: var(--bg-primary);
}

.gb-presentation__icon img {
  width: 24px;
  height: 28px;
}

/* @MEDIA ===================================================================== */

@media (max-width: 997px) {
  .gb-presentation {
    padding: 16px 16px 0 16px;
  }

  .gb-presentation__title {
    padding: 16px 16px 0 16px;
  }

  .gb-presentation__description {
    padding: 16px;
  }

  .gb-presentation__social {
    padding: 0 16px 16px 16px;
  }
}