.ProfilesPagination {
    &-footer {
        margin-top: 15px;
        overflow: auto;
        position: relative;
        text-align: center;

        &-right {
            float: right;
        }

        &-left {
            float: left;
        }

        .Icons-left-pagination-arrow,
        .Icons-right-pagination-arrow {
            fill: currentColor;
        }

        .Icons-left-pagination-arrow {
            margin-right: 5px;
        }

        .Icons-right-pagination-arrow {
            margin-left: 5px;
        }
    }

    &-page-button {
        display: block;
        float: left;
        height: 5px;
        margin-right: 5px;
        position: relative;
        width: 5px;
    }

    &-page-icon {
        background-color: $koala;
        border-radius: 50%;
        height: 100%;
        left: 0;
        outline: none;
        position: absolute;
        top: 0;
        width: 100%;
    }

    &-page-icon-active {
        background-color: $timberwolf;
    }

    &-buttons {
        display: inline-block;
        left: 50%;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}