a.link-pill{
    display:inline-block;
    padding:.55rem .55rem;
    border-radius:.3rem;
    border: 1px solid rgba(var(--bs-secondary-rgb), .2);
    text-decoration:none;
    font-weight: normal;
    line-height:1;
    background:rgba(var(--bs-secondary-rgb), .1);
    color:var(--bs-white);
    transition:transform .12s ease, box-shadow .12s ease, background .15s, color .15s;
}
a.link-pill:hover{
    font-weight: 500;
    background:rgba(var(--bs-primary-rgb), .2); 
    box-shadow:0 2px 8px rgba(0,0,0,.25); 
}
a.link-pill:focus-visible{
    outline:none; 
    box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb), .35); }