/**
 * Read More Link Block Styles
 * Based on hoitopaikanvalinta theme
 */

.read-more-link {
  --circle-size: 2rem;
  --arrow-size: 0.9rem;
  margin-bottom: 0.8em;

  @media (min-width: 56.25em) {
    margin-bottom: 0.25em;
  }

  p {
    margin: 0;
    margin-bottom: 0.25em;
  }

  span {
    font-family: Circular-Pro-Bold, Arial, sans-serif;
    color: #002970;
    margin-right: 0.25em;

    &.read-more-link__text::before {
      content: "→";
      margin-right: 0.5em;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      width: var(--circle-size);
      height: var(--circle-size);
      border: 2px solid #002970;
      border-radius: 50%;
      font-size: var(--arrow-size);
      line-height: 1;
      text-align: center;
      vertical-align: baseline;
      transform: translateY(-1px);
    }
  }

  &:not(:has(~ .read-more-link)) {
    margin-bottom: 0;

    p {
      margin-bottom: 1.5em;
    }
  }

  .read-more-link__content {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25em;
  }
}