.resource-footer-shared {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.resource-footer-copy span {
  display: block;
}

.resource-footer-copy {
  display: flex;
  flex-direction: column;
}

.resource-footer-copy > span:last-child {
  order: -1;
}

.resource-footer-follow-text {
  display: none !important;
}

.resource-footer-socials {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
}

.resource-footer-social {
  position: relative;
}

.resource-footer-social > button {
  width: 36px;
  height: 36px;
  padding: 0;
  display: grid;
  color: #1f2926;
  background: rgba(255, 255, 255, .62);
  border: 1px solid #d7e0dc;
  border-radius: 50%;
  cursor: default;
  place-items: center;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.resource-footer-social > button:hover,
.resource-footer-social > button:focus-visible {
  background: #fff;
  border-color: #9bcfbe;
  outline: none;
  transform: translateY(-2px);
}

.resource-footer-social > button img {
  width: 18px;
  height: 18px;
  display: block;
}

.resource-footer-qr {
  position: absolute;
  right: 0;
  bottom: calc(100% + 12px);
  z-index: 20;
  width: 168px;
  padding: 10px 10px 8px;
  visibility: hidden;
  background: #fff;
  border: 1px solid #d7e0dc;
  border-radius: 7px;
  box-shadow: 0 16px 38px rgba(31, 41, 38, .16);
  opacity: 0;
  pointer-events: none;
  text-align: center;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.resource-footer-qr img {
  width: 146px;
  height: 146px;
  display: block;
  object-fit: contain;
}

.resource-footer-qr span {
  margin-top: 6px;
  color: #6f7c77;
  font-size: 10px;
}

.resource-footer-social:hover .resource-footer-qr,
.resource-footer-social:focus-within .resource-footer-qr {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.resource-social-modal { position:fixed; inset:0; z-index:100; display:none; padding:24px; place-items:center; }
.resource-social-modal.is-open { display:grid; }
.resource-social-modal__backdrop { position:absolute; inset:0; background:rgba(22,31,28,.38); backdrop-filter:blur(4px); }
.resource-social-modal__panel { position:relative; width:min(420px,100%); padding:30px 24px 26px; background:#f8fbfa; border:1px solid #bfe2d8; border-radius:6px; text-align:center; }
.resource-social-modal__close { position:absolute; top:12px; right:12px; width:34px; height:34px; padding:0; display:grid; color:#6f7c78; background:rgba(255,255,255,.9); border:0; border-radius:50%; cursor:pointer; font-size:22px; line-height:1; place-items:center; }
.resource-social-modal__panel>img { width:min(320px,100%); max-height:min(68vh,520px); display:block; margin:0 auto 18px; object-fit:contain; background:#fff; border:1px solid #d7e0dc; border-radius:6px; }
.resource-social-modal__panel h2 { margin:0; color:#168069; font-size:18px; }

@media (max-width: 720px) {
  .resource-footer-shared {
    display: block;
  }

  .resource-footer-follow-text {
    display: block !important;
  }

  .resource-footer-copy > span:last-child {
    order: initial;
  }

  .resource-footer-socials {
    display: none;
  }
}