/* Match Diary .post-body-wrapper horizontal padding ($single-column-max-width: 1020px) */
.post-share {
  margin: 1.75rem 0 0;
  padding: 1rem 35px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 1020px) {
  .post-share {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.post-share__label {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.9rem;
  color: #777;
  margin-bottom: 0.65rem;
}

.post-share__label .material-icons {
  font-size: 1.1rem;
  color: #777;
}

.post-share__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

.post-share__links a,
.post-share__links button {
  font-size: 0.9rem;
  text-decoration: none;
  color: #1976d2;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
}

.post-share__links a:hover,
.post-share__links button:hover {
  text-decoration: underline;
}

.post-share__sep {
  color: #ccc;
  user-select: none;
}

@media (prefers-color-scheme: dark) {
  .post-share {
    border-top-color: rgba(255, 255, 255, 0.12);
  }

  .post-share__label,
  .post-share__label .material-icons {
    color: #aaa;
  }

  .post-share__links a,
  .post-share__links button {
    color: #64b5f6;
  }

  .post-share__sep {
    color: #555;
  }
}

/* Diary theme toggles dark mode with body.night (not only system preference) */
body.night .post-share {
  border-top-color: rgba(255, 255, 255, 0.12);
}

body.night .post-share__label,
body.night .post-share__label .material-icons {
  color: #aaa;
}

body.night .post-share__links a,
body.night .post-share__links button {
  color: #64b5f6;
}

body.night .post-share__sep {
  color: #555;
}