.lonely-host {
  display: flex;
  padding: 16px 8px;

  &__add-host-btn {
    width: 244px;
    height: 286px;
    border-radius: 2px;
    background-color: $white;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.07);
    border: solid 1px rgba(73, 143, 226, 0.22);
    padding: 15px;

    &::before {
      @include position(absolute, 0 null null -1px);
      content: '';
      background-color: $link;
      height: 6px;
      width: calc(100% + 2px);
      border-top-left-radius: 2px;
      border-top-right-radius: 2px;
    }
  }

  &__title {
    font-size: 16px;
    font-weight: $bold;
    letter-spacing: 1px;
    text-align: center;
    color: $link;
    border-bottom: solid 1px #eaeefb;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: block;
  }

  &__icon {
    display: block;
    background-color: $bg-medium;
  }

  &__laptop {
    width: 82px;
    margin: 60px 0;
    fill: $alert;
  }

  &__content {
    margin-left: 30px;

    h1 {
      font-size: 28px;
      font-weight: $normal;
      color: #27d77e;
      padding-left: 5px;
    }

    h2 {
      font-size: 16px;
      font-weight: $bold;
      line-height: 1.5;
      letter-spacing: -0.5px;
      color: rgba(32, 37, 50, 0.66);
      padding-left: 5px;
    }

    p {
      font-size: 15px;
      line-height: 1.6;
      color: rgba(32, 37, 50, 0.66);
      padding-left: 5px;
    }
  }
}
