@layer components {
  /*
   * Badge — Language
   */
  
  .badge-language {
    background-color: var(--color-grey-050);
    border-radius: 2px;
    color: var(--color-grey-900);
    display: inline-flex;
    padding: 0.75rem 1rem;
    font-size: 0.938rem;
    line-height: 1;
    white-space: nowrap;
  
    .badge-language-flag {
      margin: 0 0.375rem;
    }
  
    @media (max-width: 639.98px) {
      font-size: 0.875rem;
    }
  }
}