/*
 * Gebruik zoveel mogelijk nested CSS
 * Meer informatie: https://www.w3schools.com/cssref/sel_nesting.php
 */

#aw-leesmeer-txt {
  max-height: 350px;
  overflow: hidden;
  transition: max-height 0.4s ease;

  &.open {
    max-height: none; /* genoeg ruimte voor alles */
  }
}

.aw-toggle-leesmeer {
  cursor: pointer;
}

.aw-toggle-leesmeer:focus,
.aw-toggle-leesmeer:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important; /* verwijdert focus-ring */
}