.tags-section {
  padding: 50px 0;
  text-align: center; }
  @media (max-width: 992px) {
    .tags-section {
      padding: 25px 0; } }
  .tags-section h2 {
    margin-bottom: 30px;
    font-size: var(--typo-title);
    line-height: var(--lh-title);
    font-weight: var(--fw-title);
    letter-spacing: var(--ls-title);
    /* Mobile styles (under 992px) */
    color: var(--white); }
    @media (max-width: 992px) {
      .tags-section h2 {
        font-size: var(--typo-title-m); } }
  .tags-section .tag {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid var(--primary);
    border-radius: 24px;
    font-size: var(--typo-text);
    line-height: var(--lh-text);
    font-weight: var(--fw-text);
    letter-spacing: var(--ls-text);
    /* Mobile styles (under 992px) */
    color: var(--white);
    margin: 8px;
    background: var(--fill-blur-dark);
    backdrop-filter: blur(7px);
    transition: background 0.3s, color 0.3s; }
    @media (max-width: 992px) {
      .tags-section .tag {
        font-size: var(--typo-text-m); } }
    .tags-section .tag:hover {
      background: var(--primary);
      color: var(--base-black); }