.popup-peer {
  $parent: ".popup";

  #{$parent} {
    &-header {
      display: flex;
      margin-bottom: 0.4375rem;
      align-items: center;
      padding: 0.125rem 0.25rem;
    }
    
    &-container {
      padding: 1rem 1.5rem 0.75rem 1rem;
    }

    &-title {
      padding-left: 0.75rem;
      font-size: 1.25rem;
      font-weight: 500;
      margin-bottom: 0.125rem;
      text-transform: capitalize;
    }

    &-description {
      padding: 0 0.25rem;
      margin-top: 0;
      margin-bottom: 1.625rem;
      min-width: 15rem;
      max-width: fit-content;
    }

    &-buttons {
      margin-right: -0.75rem;

      .btn {
        font-weight: 500;

        & + .btn {
          margin-top: 0.625rem;
        }
      }
    }
  }

  .peer-avatar {
    height: 2rem;
    width: 2rem;
  }
}