.pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-top: var(--spacing-level-3);
    width: 100%;
}

.pagination>* {
    padding: 0 var(--spacing-level-5);
    font-size: var(--text-size-text-medium);
    color: rgb(var(--text-color));
    font-weight: 500;
    opacity: var(--color-text-transparency);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.pagination>*.disabled {
    cursor: default;
    opacity: 0.5;
}

.pagination>*:not(.disabled):hover,
.pagination>*.active {
    opacity: 1;
}

.pagination>*>svg {
    height: var(--text-size-text-medium);
    width: auto;
}

.pagination>*>svg>* {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: rgb(var(--text-color));
    stroke-width: 1.5px;
    transition: fill 0.3s;
}