article.card-teaching-module {
  background-color: var(--mhpc-primary-lighter);
  border-radius: 30px;
  border: 0px;
}

article.card-teaching-module:hover {
  background-color: var(--mhpc-primary-lighter);
  box-shadow: 0 0 0 1px var(--mhpc-primary-hover);
  .title-container {
    border-color: var(--mhpc-primary-hover);

    h3 a {
      text-decoration: underline;
      text-underline-offset: 0.35em;
      color: var(--mhpc-primary-hover);
    }
  }

  .card-teaching-module__meta-item {
    border-color: var(--mhpc-primary-hover);
  }
  .card-teaching-module__stat-label {
    color: var(--mhpc-text-on-primary);
  }
  .card-teaching-module__meta-value {
    color: var(--mhpc-primary-hover);
  }
}

@media (min-width: 1200px) {
  article.card-teaching-module {
    padding: 1.4rem 2rem ;
    .card-teaching-module__body {
      display: flex;
    }
    border-radius: 2000px;
  }

  /* Pill shape: title starts where the arrow sits; on hover it shifts by icon width. */
  article.card-teaching-module {
    .title-container {
      padding-left: 1rem;

      svg {
        left: 1rem;
      }
    }
  }

  article.card-teaching-module:hover {
    .title-container {
      h3 a {
        /* Icon width (1.5rem) + gap from reference. */
        transform: translateX(calc(1.5rem + 0.75rem));
      }
    }
  }
}