.pill {
    display: inline-block; /* Allows the pill to resize based on the content */
    padding: 5px 10px; /* Adjust for desired size */
    border-radius: 50px; /* Ensures the edges are fully rounded */
    background-color: #6ac2a3; /* Pill background color */
    color: white; /* Text color */
    font-size: 10px; /* Adjust font size */
    font-weight: bold; /* Optional: Makes the text bold */
    text-align: center; /* Centers the text */
    white-space: nowrap; /* Prevents the pill from breaking into multiple lines */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow for depth */
    margin-bottom: 10px;
}

.pill a {
    color: white; /* Ensures links inside the pill are white */
    text-decoration: none; /* Removes underline from links */
}

.pill a:hover, 
.pill a:focus, 
.pill a:active {
    color: white; /* Ensures link color stays white on hover, focus, and active states */
    text-decoration: none; /* Prevents underline on hover/focus/active */
}