staffer.scss

.staffer {
  display: flex;
  margin: $sp-4 0;

  .staffer-image {
    border-radius: 50%;
    height: 100px;
    margin-right: $sp-4;
    width: auto;
  }

  p,
  .staffer-name {
    margin: $sp-1 !important;
  }

  .staffer-pronouns {
    @extend .label, .text-grey-dk-100, .bg-grey-lt-200;

    user-select: none;
  }

  .staffer-meta {
    @extend .text-grey-dk-000;
  }
  
  a.staff-details-link {
    color: #f44336 !important;  /* Red color */
    text-decoration: none;  /* Removes the underline */
    
    &:hover {
      text-decoration: underline;  /* Adds underline on hover */
    }
  }
}