@import "@/styles/mixins.scss";
@import "@/styles/variables.scss";

$margin-size: 1.5rem;

.container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: $margin-size;
    &_icon {
      $size: 40px;
      //width: $size;
      height: $size;
      img {
        width: auto;
        height: 100%;
      }
    }
    &_free_text {
      cursor: default;
    }
  }
  .name {
    @include h3;
    border-bottom: 1px solid $lineColor;
    padding-bottom: $margin-size;
    margin-bottom: $margin-size;
  }
  .info {
    margin-bottom: 2rem;
    padding-left: 1rem;
    list-style: disc;
    li:not(:last-child) {
      margin-bottom: .5rem;
    }
  }
  .introduction {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .buttons {
    padding-top: 1.5rem;
    border-top: 1px solid $lineColor;
    a {
      @include link-arrow();
      margin-right: 1rem;
    }
  }
}