@layer components {
  .my-prices-grid {
    display: grid;
    padding-block-end: var(--block-space);

    .calendar-week {
      color: var(--color-text-soft);
      font-size: small;
    }

    a {
      text-decoration: none;
    }
  }

  .my-prices-wrapper {
    display: grid;
    gap: var(--block-space-half);
  }

  .my-prices-wrapper:not(:first-of-type) {
    border-top: 1px var(--color-text-softest) solid;
    padding-block-start: var(--block-space);
  }
}