@use '../../base/token';
@use '../../abstract';

.accordion03 {
  .cds-faq__tit {
    margin-bottom: 16px;
  }

  .cds-faq__desc {
    margin-bottom: 12px;
  }

  .cds-faq__link {
    font-weight: abstract.font-weight-to-number(token.$font-weights-commerce-sans-1);

    svg {
      width: 20px;
      height: 20px;
    }
  }

  .cds-faq__content {
    margin-top: 48px;
  }

  @include abstract.media-bp-up('md') {
    display: flex;
    justify-content: space-between;

    .cds-faq__header + .cds-faq__content {
      max-width: 704px;
      margin-left: 64px;
    }

    .cds-faq__content {
      margin-top: 0;
      flex: 1;
    }
  } // md
}