.impact-events-content {
  --purple: #ba0c8a;
  --dark-violet: #4a2c4b;

  color: var(--dark-violet);
  font-family: 'Merriweather Sans', sans-serif !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;

  > h1 {
    font-size: 2rem;
    margin-bottom: 0;
  }
  .text-purple {
    color: var(--purple) !important;
  }

  .network {
    > h2 {
      background-color: var(--dark-violet);
      color: white;
      text-align: center;
      display: inline-block;
      min-width: 25rem;
      padding: 0.5rem 2rem;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
      margin-bottom: 0;
    }
  }

  .network-body {
    background-color: #fce9ed;
    border-radius: 0.25rem;
    border-top-left-radius: 0;
  }

  .icon-wrapper {
    min-width: 5rem;
    min-height: 5rem;
    text-align: center;
    padding-top: 0.5rem;
  }

  // a.btn-join-discussion {
  //   display: inline-block;
  //   width: max-content;
  //   font-weight: 600;

  //   &:hover,
  //   &:focus,
  //   &:focus-within,
  //   &:active {
  //     text-decoration: underline;
  //     color: var(--purple) !important;
  //   }
  // }

  .event-action-btn {
    width: max-content;
    display: inline-flex;
    padding: 0.25rem 1rem;
  }

  /* SKELETON STYLES */
  .network-skeleton {
    display: flex;
    flex-direction: column;
  }

  .skeleton-header {
    width: 25rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    height: 3rem;
  }

  .skeleton-body {
    border-radius: 0.25rem;
    border-top-left-radius: 0;
    height: 8rem;
  }
}