.card {
  display: flex;
  flex-direction: column;

  margin: 20px 0;
  @include block-padding;

  width: 50%;

  background-color: var(--background-color);

  &__header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 15px 0;

    border-bottom: 2px var(--lightest-accent-color) solid;
  }

  &__content {
    display: flex;
    padding: 10px;
  }

  &__footer {
    display: flex;
    padding: 10px;
  }

  & .favicon {
    height: 20px;
  }
}
