{% set ratingUrl = app.request.getSchemeAndHttpHost() ~ '/compounds-ratings/' ~ app.request.locale ~ '/' ~ parentId %}
<div class="compound-rating d-flex flex-column ds-p_2x ds-flex-gap_3x ds-bg_blue-light-2 ds-mb_2x">
<div class="d-flex flex-column ds-flex-gap_1-5x">
<p class="typography_title-3">
{{ parentTitle }}
</p>
<p class="typography_body-2">
{{ "compound_rating.description"|trans }}
</p>
</div>
<p class="typography_title-4_black ">
{{ "compound_rating.recommendation"|trans }}
</p>
<div class=" d-flex flex-column ">
<div class="recommend position-relative">
<p class="typography_body-1_black ds-bg_orange recommend__label ds-px_x ">
{{ "compound_rating.discover_recommendation"|trans }}
</p>
<img class="recommend__bg-img img-fluid" src="{{ asset('images/compoundRating/rectangle.png') }}" />
</div>
<img src="{{ asset('images/compoundRating/scale.svg') }}" />
</div>
<div class="d-flex ">
<a href="{{ ratingUrl }}"
class="btn btn-blue cta-btn rounded-pill cta-btn_w-md-auto">
{{ "compound_rating.cta_label"|trans }}
</a>
</div>
</div>