Desafío: una etiqueta llena de estilos

Hola buenos días este seria mi reto del space app:

import tags from './tags.json';
import styled from "styled-components";

const Contenedor = styled.div`
    display: flex;
    align-items: center;
    gap: 10px;
`

const ButtonEstilizado  = styled.button`
    padding: 8px 10px;
    background-color: #44566F;
    border-radius: 10px;
    color: #FFF;
    border: none;
`

const SemiTitulo = styled.p`
    font-size: 24px;
    color: #D9D9D9;
`

const Tag = ({titulo}) => {
    return (
       <>
           <Contenedor>
               <SemiTitulo>{titulo}</SemiTitulo>
               {tags.map(tag => {
                   return <ButtonEstilizado key={tag.id}>{tag.titulo}</ButtonEstilizado>
               })}
           </Contenedor>

       </>
    )
}

export default Tag