.healthSyncCard {
  margin: 1.2rem 0;
  padding: 1.1rem;
  border: 1px solid rgba(102, 219, 232, .38);
  border-radius: 18px;
  background: linear-gradient(130deg, rgba(12, 40, 61, .84), rgba(13, 25, 47, .88));
  box-shadow: 0 0 20px rgba(42, 198, 224, .09);
}
.healthSyncHeading {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.healthSyncHeading h3 {margin:0 0 .25rem;font-size:1.15rem}
.healthSyncHeading p {margin:.15rem 0 .5rem}
.healthSyncHeading button {min-height:42px}
#healthImportStatus {font-weight:650;color:#baf5ee;line-height:1.5;margin:.8rem 0 .25rem}
#healthImportChecked {font-size:.88rem;margin:.35rem 0 .9rem}
.healthSyncCard > p:last-child {font-size:.88rem;line-height:1.55;margin-bottom:0}
@media(max-width:550px){.healthSyncCard{padding:.9rem}.healthSyncHeading button{width:100%}}