.location-cards {}

.location-cards .location-cards__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
}

.location-cards h3 {
  color: var(--blue-dk);
}

.location-cards .location-cards__card--wrapper {
  position: relative;
  background: var(--blue-gradient);
  width: calc(33% - 0.75rem);
  border-radius: 20px;
  overflow: hidden;
  padding: 1.5rem;
  display: flex;
  box-shadow: 0px 3px 6px #00000029;
}

.location-cards .location-cards__card {
  position: relative;
  z-index: 2;
  background: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem 2rem;
  width: 100%;
  border-radius: 11px;
  gap: 1rem;
  box-shadow: 4px 4px 10px #0000001c;
}

.location-cards .location-cards__hours {
  font-weight: 800;
}

.location-cards .location-cards__phone {
  font-weight: 800;
  color: var(--blue-dk);
}

@media (max-width: 1200px) {
  .location-cards .location-cards__card--wrapper {
    width: calc(50% - 0.75rem);
  }
}

@media (max-width: 768px) {
  .location-cards .location-cards__address {
    display: none;
  }

  .location-cards .location-cards__card--wrapper {
    width: 100%;
    max-width: 700px;
  }
}