.logounit {
  pointer-events: none;
  display: block;
}

.logo {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--text-color-light);
  margin-bottom: calc(var(--spacer) / 2);
  margin-left: auto;
  margin-right: auto;
}

.title,
.description {
  display: inline-block;
  margin-bottom: 0;
}

.title {
  font-size: var(--font-size-h3);
  margin-right: calc(var(--spacer) / 4);
}

.description {
  font-size: var(--font-size-h4);
  color: var(--text-color);
}

.description::before,
.description::after {
  opacity: 0.4;
}

.description::before {
  content: '{ ';
}

.description::after {
  content: ' }';
}

.small {
  pointer-events: all;
}

.small .title {
  font-size: var(--font-size-h5);
}

.small .description {
  font-size: var(--font-size-h6);
}

.small .logo {
  width: 1rem;
  height: 1rem;
  margin-bottom: calc(var(--spacer) / 4);
}