.pill-1 {
     border: solid 1px #000;
     border-radius:100px;
     padding-left:10px;
     padding-right:10px;
     color: black;
     text-decoration: none;
     transition: all 0.15s ease-in-out;
     max-height:28px;
     min-height:28px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;     
     display:flex;
     align-items: center;
}

.pill-1-hoverable:hover {
     /* background-color: #301DC2;
     color: #fff;
     border-color: #301DC2; */
     border-color: #CCD0D4;
}


.pill-container {
    display:flex;
    gap:4px;
    flex-wrap:wrap;
}


.card-1 {
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #CCD0D4;
}

.card-1:hover {
     background-color: #f8f8f8
}