.c-tme-social-activity__main-photo {
  width: 100%;
}[dir] .c-tme-social-activity__main-photo {
  margin-bottom: 1rem;
  border-radius: 0.8rem;
}

[dir] .c-tme-social-activity__section-container {
  margin: 1rem auto;
}
[dir] .c-tme-social-activity__section-container--large {
  margin: 4rem auto;
}
[dir] .c-tme-social-activity__section-container--gray {
  padding: 1rem 0;
  background-color: #F5F5F5;
}

.c-tme-social-activity__container {
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
  grid-template-areas: "image" "text" "button";
}

[dir] .c-tme-social-activity__container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .c-tme-social-activity__container {
    grid-template-columns: 1fr 1fr;
    column-gap: 5rem;
    grid-template-areas: "image text" "image button";
  }
  [dir] .c-tme-social-activity__container {
    margin-bottom: 3rem;
  }
}
.c-tme-social-activity__container--image-right {
  grid-template-areas: "text" "button" "image";
}
@media (min-width: 768px) {
  .c-tme-social-activity__container--image-right {
    grid-template-areas: "text image" "button image";
  }
}

.c-tme-social-activity__text {
  grid-area: text;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.c-tme-social-activity__photo {
  width: 100%;
  grid-area: image;
}

[dir] .c-tme-social-activity__photo {
  margin-bottom: 1.5rem;
  border-radius: 0.8rem;
}
@media (min-width: 768px) {
  [dir] .c-tme-social-activity__photo {
    margin: auto;
  }
}

.c-tme-social-activity__button-container {
  grid-area: button;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .c-tme-social-activity__button-container {
    align-items: flex-start;
  }
}
[dir] .c-tme-social-activity__button-container--centered {
  margin: 2rem 0;
}
@media (min-width: 768px) {
  .c-tme-social-activity__button-container--centered {
    width: 100%;
    align-items: center;
  }
}

.c-tme-social-activity__button {
  word-break: break-word;
}
@media (min-width: 768px) {
  .c-tme-social-activity__button {
    width: 100%;
    max-width: 25rem;
  }
}

.c-tme-social-activity__section-title {
  white-space: pre-wrap;
}