.announcements-list {
  display: grid;
}

.announcements-item {
  display: flex;
  gap: var(--ses-spacing-sm);
  flex-wrap: wrap;
  align-items: center;
  padding: var(--ses-spacing-sm);
  justify-content: center;
  text-align: center;
}

.announcements-item > a > img {
  max-inline-size: 150px;
}

.announcements-item:nth-child(even) {
  background-color: var(--ses-color-brand-white);
}

.announcements-item--info {
  display: grid;
  flex: 1;
  gap: var(--ses-spacing-sm);
  min-inline-size: min(100%, 500px);
}

.announcements-item .info--city {
  font-weight: var(--ses-font-weight-medium);
  font-size: var(--ses-font-size-lg);
}

.view-all {
  --outline-color: var(--ses-color-brand-okra);
}

.content-wrapper {
  display: grid;
  gap: var(--ses-spacing-xs);
}

.content-wrapper h3 {
  font-size: var(--ses-font-size-xl);
}

.announcements-item--links {
  display: flex;
  gap: var(--ses-spacing-sm);
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

/* MEDIA QUERIES */
@media screen and (min-width: 779px) {
  .announcements-item {
    justify-content: start;
    text-align: start;
  }

  .announcements-item--links {
    justify-content: start;
  }
}