/* ============================================
   c-btn-02 - Tag (タグ)
   ============================================ */
.c-btn-02 {
  display: inline-flex;
  align-items: center;
  padding: var(--space-3-xs) var(--space-md);
  border: 1px solid var(--wp--preset--color--gray-lighter, #e0e0e0);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-2-xs);
  line-height: var(--line-height-base);
  text-decoration: none;
  color: var(--wp--preset--color--gray-dark, #666);
  transition: opacity var(--transition-normal);
}

.c-btn-02:hover {
  opacity: 0.7;
}

.c-btn-02--primary {
  background: var(--wp--preset--color--primary-lightest, #E3F2FD);
  border-color: var(--wp--preset--color--primary-lighter, #BBDEFB);
  color: var(--wp--preset--color--primary-dark, #1976D2);
}