.hub-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hub-item {
    padding: 0.25rem 0;
    /* border-bottom: 1px solid var(--color2); */
    width: 80vw;
}

.hub-item:last-child {
    border-bottom: none;
}

.hub-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color4);
    text-decoration: none;
    line-height: 1;
}

.hub-link:hover {
    color: var(--color5);
}

.hub-link::after {
    content: "↗";
    font-size: 0.85em;
    opacity: 0.55;
}

@media only screen and (max-width: 600px) {
    .hub-item {
        width: 90vw;
    }

}