.keywords{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75ch;

    a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: calc(var(--h-block)*0.75);
        padding: 0 1ch;
        padding-top: 2px;
        border: var(--border-light);
        border-radius: var(--radius-btn);
        font-size: var(--fs-small);
        line-height: 1;
        white-space: nowrap;
        text-decoration: none;
        &::before{
            content: "#";
            padding-right: 0.25ch;
        }
        &:hover{
            border-color: currentColor;
            background-color: var(--grey-800);
        }

    }
}


.keywords--small{
    list-style: none;

    li{
        display: inline;
    }
  
    a{
        text-decoration: none;
           &::before{
            content: "#";
            padding-right: 0.25ch;
            }
            &::after{
            content: "\00a0";
            }
    }
}