.smiles-toc-green {
  color: #31AE53;
}

.smiles-table-of-content {
  border: 1px solid #e4e4e4ad;
  border-radius: 14px;
  padding: 24px;
  margin: 24px 0;
  & h2 {
    font-size: 24px;
  }
  & ul {
    list-style: none;
    padding-left: 16px;
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    @media (max-width: 768px){
      padding-left: 0;
    }
  }
  & ul,
  & ul li a {
    text-decoration: none;
    font-size: 17px;
    color: #000;
    font-family: var(--semiBold);
    @media (max-width: 768px){
      font-family: var(--regular);
    }
    & :hover {
      text-decoration: underline;
    }
  }
}