.c-tag {
  display: inline-block;
  color: var(--color-primary-01);
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 25px;
  border: 1px solid var(--color-primary-01);
  background: #FFF;
  padding: 11px 10px;
}

.c-tag--link {
  text-decoration: none;

  &:hover {
    text-decoration: underline;
    color: var(--color-font-03);
    background-color: var(--color-primary-01);
  }
}

@media screen and (max-width: 768px) {
  .c-news__link {
    flex-direction: column;
    gap: 10px;
    padding: 30px 0;
    align-items: flex-start;

    .c-news__date,
    .c-news__title {
      font-size: 1.6rem;
      line-height: 200%;
    }

    .c-news__title {
      line-height: 150%;
      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      white-space: normal;
        }
  }
}