.component__comments-services{
  margin-bottom:6rem;
}

.comments-form__textarea:focus{
  outline:none;
}

.comments-form{
  margin-bottom:1rem;
  padding-bottom:0;
  width:100%;
}

.comments-form__avatar{
  display:none;
}

.comments-form__text{
  background:#f4f8fd;
  border-radius:.625rem;
  padding:1rem;
}
.comments-form__text p{
  color:#b4b4b4;
  font-size:12px;
  font-style:normal;
  font-weight:500;
  line-height:12px;
  margin-top:13px;
}
.comments-form__text textarea{
  background:inherit;
  border:0;
  color:#394247;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  height:68px;
  line-height:24px;
  margin:0;
  padding:0;
  width:calc(100% - 6px);
}

.comments-form__button{
  background:var(--color-linline-orange);
  border:0;
  border-radius:4px;
  color:var(--color-white);
  cursor:pointer;
  margin:16px 5px 16px 0;
  padding:8px 16px;
  text-align:center;
}
.comments-form__button:hover{
  background:var(--color-linline-orange-hover);
}

.comments-form__button_delete{
  background:var(--color-linline-red);
  cursor:pointer;
}
.comments-form__button_delete:hover{
  background:var(--color-linline-red-hover);
}

.comments-form__footer .component-button{
  padding:12px 0;
}
@media screen and (min-width:768px){
  .comments-form__footer .component-button{
    padding:14px 0;
  }
}
@media screen and (min-width:1200px){
  .comments-form__footer .component-button{
    padding:24px 0;
  }
}

.comments-form__footer .component-button__item{
  width:100%;
}
@media screen and (min-width:1200px){
  .comments-form__footer .component-button__item{
    width:inherit;
  }
}