/**
 * hana+nils · Büro für Gestaltung
 * https://hananils.de · buero@hananils.de
 */

.badge {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    color: #fff;
    font-weight: var(--text-weight-light);
    line-height: 1;
    text-decoration: none !important;
    border-radius: 50%;
    background-color: #000;
}

.dark .badge.is-active,
.dark .badge:hover,
.badge:hover {
    color: #fff;
    background-color: var(--color-jeweled-peach);
}

/* Dark mode */

.dark .badge {
    color: #000;
    background-color: #fff;
}