:host {
  display: block;
  --max-component-width: 250px;
  --padding: 1rem 5%;
  --background-color: #ffffff;
  --border: 2px solid #000000;
  --margin: 0 auto;
}

div {
  max-width: var(--max-component-width);
  margin: var(--margin);
  padding: var(--padding);
  text-align: center;
  background-color: var(--background-color);
  border: var(--border);
  border-radius: 4px;
}
a {
  height: auto;
}
img {
  position: relative;
  max-width: 100%;
  min-width: 50px;
  max-height: 4rem;
}

:host-context(body.dark) {
  img {
    filter: brightness(0) invert(1);
  }
}