Deportes americanos

category-nav-container { margin: 10px 0 20px; } .category-nav-title { font-size: 0.9em; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; letter-spacing: 0.5px; } .category-buttons { display: flex; gap: 8px; flex-wrap: nowrap; /* Prevents stacking to save vertical space */ overflow-x: auto; /* Enables horizontal scroll if too many items */ padding-bottom: 5px; -webkit-overflow-scrolling: touch; } /* Hide scrollbar for a cleaner look */ .category-buttons::-webkit-scrollbar { display: none; } .category-buttons .button { white-space: nowrap; padding: 6px 16px; background-color: #1e5929; color: #fff; text-decoration: none; font-size: 0.85em; font-weight: 600; border-radius: 20px; /* Pill shape takes up less visual "weight" */ transition: background-color 0.2s ease; flex: 0 0 auto; } .category-buttons .button:hover { background-color: #143d1c; } /* Desktop: allow wrapping if you prefer them in a single line row */ @media (min-width: 768px) { .category-buttons { flex-wrap: wrap; overflow-x: visible; } } </style> <div class="category-nav-container"> <p class="category-nav-title">Shop by Sport</p> <div class="category-buttons"> <a href="https://www.classicfootballshirts.com/es-mx/classic-american-sports/nfl.html" class="button">NFL</a> <a href="https://www.classicfootballshirts.com/es-mx/classic-american-sports/nba.html" class="button">NBA</a> <a href="https://www.classicfootballshirts.com/es-mx/classic-american-sports/nhl.html" class="button">NHL</a> <a href="https://www.classicfootballshirts.com/es-mx/classic-american-sports/mlb.html" class="button">MLB</a> </div> </div></div>