.social {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  padding-inline-start: 0;
}

.social__item-container {
  margin: 0 auto;

  flex: 1;
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  border-radius: 1em;
}

.social__item {
  flex: 1 1 600px;
  padding: 1em 2em;
  border: 1px solid var(--black);
  border-radius: 4em;
  box-shadow: 2px 2px var(--black);
  max-width: 600px;
  background-color: var(--mint-500);
  color: var(--black);
  font-weight: bolder;

  display: flex;
  gap: 1em;
}

.social__item:focus,
.social__item:hover {
  background-color: var(--mint-300);
}

.social__item:active {
  background-color: var(--mint-100);
  box-shadow: inset 0px 0px 4px;
}

.social__img-container {
  display: grid;
  background-color: rgba(250, 250, 255, 0.05);
  border-radius: .5em;
  place-items: center;

}

.social__img {
  width: 3.375em;
  max-width: 100%;
  border-radius: .5em;
}

.social__link {
  display: inline-block;
}

/* MEDIA QUERIES */

@media screen and (min-width: 800px) {

    .title__container>p {
      text-align: center;
    }

  @media (prefers-reduced-motion: no-preference) {
    /* Insert animations */
  }
}