.iccinbreve {
  padding: var(--icc-spacing-4);
  border: 1px solid var(--icc-tertiary-200);
  border-radius: var(--icc-spacing-3);
  margin-block: var(--icc-spacing-6);

  display: grid;
  row-gap: var(--icc-spacing-6);
}
.iccinbreve .titolo {
  display: flex;
  column-gap: var(--icc-spacing-2);
}
.iccinbreve .titolo svg {
  height: 32px;
  width: 32px;
}
.iccinbreve .titolo h4 {
  color: var(--icc-tertiary-950);
  font-size: var(--icc-text-2xl);
  font-weight: var(--icc-font-bold);
  font-family: var(--icc-font-serif);
  line-height: var(--icc-leading-8);
  margin-bottom: 0;
}

.iccinbreve .titolo h4.icc-titolo-sottolineato:after {
  height: 0.5rem;
  bottom: 0.25rem;
}

.iccinbreve .contenuto p {
  color: var(--icc-gray-800);
  font-size: var(--icc-text-md);
  font-family: var(--icc-font-sans);
  line-height: var(--icc-leading-6);
}

.iccinbreve .footer {
  color: var(--icc-gray-800);
  line-height: var(--icc-leading-6);
  font-weight: var(--icc-font-bold);
  font-family: var(--icc-font-sans);
  text-align: center;
}
.iccinbreve .footer span {
  cursor: pointer;
}

.iccinbreve[data-expande="false"] .contenuto {
  max-height: 128px;
  overflow: hidden;
  mask: linear-gradient(white, transparent);
}
.iccinbreve[data-expande="true"] .footer {
  display: none;
}

.iccinbreve .contenuto p a {
  color: var(--icc-gray-800);
  text-decoration: underline;
  font-weight: var(--icc-font-bold);
}