.resource-card {
  padding: var(--padding-xs) var(--padding-xs) var(--padding-sm);
  border: 1px solid var(--color-border);

  .product-card__label {
    left: var(--padding-2xs);
    top: var(--padding-2xs);
    font-size: var(--font-size--sm);
    padding: var(--padding-xs) var(--padding-sm);
  }

  .resource-card__content {
    flex-grow: 1;
    justify-content: space-between;
    gap: var(--gap-sm);
  }

  .paragraph,
  .resource-card__subtext,
  .resource-card__subtext.paragraph {
    font-size: var(--font-size--sm);
  }

  .resource-card__title {
    font-size: var(--font-size--md);
    font-weight: var(--font-weight--bold);
    -webkit-line-clamp: unset;
  }

  .resource-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
  }

  .resource-card__button {
    display: flex;
    align-self: flex-end;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    transition: all 0.25s ease-in-out;

    .svg-wrapper {
      width: var(--icon-size-md);
      height: var(--icon-size-md);
    }
  }

  .resource-card__price {
    font-weight: var(--font-weight--bold);

    > div {
      display: flex;
      flex-direction: column;
    }

    .compare-at-price {
      opacity: 1;
      color: var(--color-caption);
      text-decoration-thickness: 1px;
    }

    .compare-at-price,
    .price {
      font-size: var(--font-size--sm);
    }
  }

  /* Collection */
  &[data-resource-type='collection'] {
    border: unset;
    padding: 0;

    .resource-card__title {
      text-align: center;
    }
  }
}