.private__block {
  margin-top: rem(40px);
  margin-bottom: rem(20px);
  border: 1px solid $color-primary;
}

.private__link {
  position: relative;
  display: block;
  padding: rem(40px 20px);
  font-size: rem(21px);
  font-weight: $font-regular;
  line-height: rem(28px);
  color: $color-primary;
  text-align: center;

  &::before {
    position: absolute;
    top: rem(5px);
    left: rem(5px);
    display: block;
    width: calc(100% + #{rem(5px)});
    height: calc(100% + #{rem(5px)});
    content: "";
    border: 1px solid $color-primary;
    transition: all .3s;
  }

  &:focus,
  &:hover {
    &::before {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }
}

.private__icon {
  width: rem(30px);
  height: rem(37px);
  margin-bottom: rem(10px);
}

.private__title {
  display: block;
  font-size: rem(21px);
  font-weight: $font-medium;
  line-height: rem(28px);
  color: $color-primary;
}

.private__desc {
  color: $color-primary;

  .private__link:hover &,
  .private__link:focus & {
    span {
      text-decoration: underline;
    }
  }
}