/* layouts/section/contact-info/contact-info.css */
.contact-info {
  /* display: flex;
  gap: 2rem;
  width: 100%;
  align-items: flex-start; */
}

.contact-info__left,
.contact-info__right {
  flex: 1;
}

/* Ratios */
.ratio-40-60 .contact-info__left { flex: 0 0 40%; }
.ratio-40-60 .contact-info__right { flex: 0 0 60%; }

.ratio-60-40 .contact-info__left { flex: 0 0 60%; }
.ratio-60-40 .contact-info__right { flex: 0 0 40%; }

.ratio-30-70 .contact-info__left { flex: 0 0 30%; }
.ratio-30-70 .contact-info__right { flex: 0 0 70%; }

.ratio-70-30 .contact-info__left { flex: 0 0 70%; }
.ratio-70-30 .contact-info__right { flex: 0 0 30%; }