.author {
  margin-block: clamp(1.875rem, 1.4316rem + 1.6694vw, 2.5rem);
  padding: clamp(1.875rem, 1.2098rem + 2.5042vw, 2.8125rem);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (width >= 33.75rem) {
  .author {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (width < 33.75rem) {
  .author .btn {
    align-self: flex-start;
  }
}
.author:hover .btn {
  text-decoration: underline !important;
  background-position: right 0 center;
}
.author--bio {
  display: flex;
  gap: 20px;
  align-items: center;
}
.author--image {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
}
.author .eyebrow-sm {
  margin-bottom: 2px;
  color: var(--Medium-Indigo);
}