{% if component_data.fields.video.value is not empty %}
<div class="basepack-video--wrapper castorcito-basepack--item">
  <div class="castorcito-basepack--inner">
    {% if component_data.fields.title.value is not empty %}
    <div class="basepack-video--title-container">
      <h3 class="basepack-video--title">{{ component_data.fields.title.value }}</h3>
    </div>
    {% endif %}
    {% if component_data.fields.subtitle.value is not empty %}
    <h4 class="basepack-video--subtitle">{{ component_data.fields.subtitle.value }}</h4>
    {% endif %}
    <div class="basepack-video {{ component_data.fields.video.option ? 'basepack-video--' ~ component_data.fields.video.option }}">
    {% autoescape false %}
      {{ component_data.fields.video.value }}
    {% endautoescape %}
    </div>
  </div>
</div>
{% endif %}
