.wp-tag-cloud {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 5px;
}

.wp-tag-cloud li {
    display: inline-block;
}

.wp-tag-cloud a.link-light {
    border-radius: 20px;
    padding: 6px 14px;
    text-decoration: none;
    color: #fff;
    display: inline-flex;
    align-items: center;
    background-color: transparent; /* Default background transparent */
    overflow-wrap: break-word; /* Prevent long words from causing overflow */
    word-break: break-word; /* Fallback for older browsers */
}

.wp-tag-cloud a.link-light i {
    /* Style the icon if needed */
}

.wp-tag-cloud a.link-light:hover {
    filter: brightness(1.1);
}

.wp-tag-cloud a.link-light[data-popularity="1"] { background-color: var(--color-1, #FFC6FF); }
.wp-tag-cloud a.link-light[data-popularity="2"] { background-color: var(--color-2, #FFA3FF); }
.wp-tag-cloud a.link-light[data-popularity="3"] { background-color: var(--color-3, #FF80FF); }
.wp-tag-cloud a.link-light[data-popularity="4"] { background-color: var(--color-4, #F75CFF); }
.wp-tag-cloud a.link-light[data-popularity="5"] { background-color: var(--color-5, #E337C5); }
.wp-tag-cloud a.link-light[data-popularity="6"] { background-color: var(--color-6, #C530BA); }
.wp-tag-cloud a.link-light[data-popularity="7"] { background-color: var(--color-7, #A729B0); }
.wp-tag-cloud a.link-light[data-popularity="8"] { background-color: var(--color-8, #8822A5); }
.wp-tag-cloud a.link-light[data-popularity="9"] { background-color: var(--color-9, #6A1B9A); }
.wp-tag-cloud a.link-light[data-popularity="10"] { background-color: var(--color-10, #4A148C); }