@import url('./common.css');

#newsletter {
 .download{
  .lead{
    font-size: clamp(16px, 0.38vw + 14.59px, 20px);
    margin-bottom: calc(70 / 1440 * 100%);
    @media screen and (min-width: 769px) {
      margin-bottom: 7rem;
    }
  }
  .list{
    .item{
     width: 100%;
     border: 3px solid var(--base-light);
     border-radius: 1.5rem;
     padding: 3rem;
    
     margin-bottom: 3rem;
     @media screen and (min-width: 769px) {
 display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 2rem;
     }
     &:last-child{
      margin-bottom: 0;
     }
      .doc{
        .date{
          font-size: clamp(14px, 0.19vw + 13.3px, 16px);
        }
        h3{
          font-size:clamp(16px, 0.19vw + 15.3px, 18px);
          margin-bottom: 1rem;
          span{
            font-size: clamp(14px, 0.19vw + 13.3px, 16px);
            font-weight: 400;
            color: var(--base-dark);
            display: inline-block;
            margin-left: 1rem;
          }
        }
      
      }
      .button{
        padding-top: 1rem;
        white-space: nowrap;
        @media screen and (min-width: 769px) {
          padding-top: 0;
        }
      }
    }
  }
 }
}