@charset "UTF-8";

.quick-nav {
margin-top: 1rem;
}

.quick-pill {
display: inline-flex;
align-items: center;
justify-content: center;

padding: .55rem 1.25rem;
border-radius: 999px;
background-color: var(--primary);
color: #fff;

font-size: .95rem;
font-weight: 500;
text-decoration: none;
white-space: nowrap;

transition: all .25s ease;
}

.quick-pill:hover,
.quick-pill:focus-visible {
background-color: var(--secondary-hover);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(0,0,0,.25);
}

.quick-pill.is-active {
background-color: var(--secondary-hover);
}