<template>
  <div class="quote">
    <div class="quote__quote">{{ text }}</div>
  </div>
</template>

<script>
export default {
  props: ['text'],
}
</script>

<style lang="scss">
.quote {
  &__quote {
    text-align: justify;
    font-family: Dosis;
    font-size: 24px;
    color: #ffffff;

    &:before {
      content: '„';
    }
    &:after {
      content: '“';
    }
  }
}
</style>
