ghostfolio/libs/ui/src/lib/membership-card/membership-card.component.scss

:host {
  display: block;
  max-width: 25rem;

  .card-item {
    aspect-ratio: 1.586;
    background-color: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    color: rgba(var(--dark-primary-text));

    &.premium {
      background-color: #1d2124;
      color: rgba(var(--light-primary-text));
    }

    .card-item-heading {
      font-size: 13px;
    }

    .card-item-name {
      font-size: 18px;
    }
  }
}