Сергей delphinpro

Напиши конкретно что сделать нужно, я новичок в этом, ну или пример какой может

button {}
[type="button"] {}
.SIZE_5 {}
button[type="button"] {}
button.SIZE_5 {}

<span class="amount-curr whole-text">валюта&nbsp;с&nbsp;НДС</span>

.amount-curr {
  white-space: nowrap;
}

.wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.element {
  width: 20%;
  text-align: center;
}

.slick-slide {
  transform: scale(0.8);
  transition: transform 0.8s ease;
}
.slick-active {
  transform: scale(1);
}
.slick-active + .slick-slide {
  transform: scale(0.9);
}
.slick-active + .slick-slide ~ .slick-slide {
  transform: scale(0.7);
}

@foreach($reviews as $review)
<li>
    <h6 class="comment-name">{{ $review->user->name }}</h6>
    <div class="content">
    <p>{{ $review->content }}</p>
    <div class="comment-content-right">
      <a href="#" onclick="openReplyModal({{ $review->id }})">Ответить</a>
    </div>
    </div>
</li>
@endforeach

<div id="modal-reply">
  <form>
    <input type="hidden" name="review_id" id="review-id-field">
    <div class="modal-body">
      <textarea name="content"></textarea>
    </div>
  </form>
</div>

function openReplyModal(reviewId) {
  document.getElementById('review-id-field').value = reviewId;
  
  // Bootstrap 4
  $('#modal-reply').modal('show');

  // Bootstrap 5
  const modal = new bootstrap.Modal(document.getElementById('modal-reply'), {});
  modal.show();
}