.pagenum{

    --pagenumTextAlign: right;
    --pagenumPadding: .75rem;
    --pagenumFontSize: .9rem;
    
    --pagenumBackColor: none;
    --pagenumFont: var(--fontText);
    --pagenumColor: var(--colorFore);

    --pagenumFlexAlign: flex-end;
    --pagenumFlexJustify: flex-end;

    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;

    padding-top: var(--containerPaddingTop);
    padding-left: var(--containerPaddingLeft);
    padding-right: var(--containerPaddingRight);
    padding-bottom: var(--containerPaddingBottom);

    pointer-events: none;
}

.inner{
    width: 100%;
    height: 100%;
    padding: var(--pagenumPadding);
    display: flex;
    align-items: var(--pagenumFlexAlign);
    justify-content: var(--pagenumFlexJustify);
}


.content{

    text-align: var(--pagenumTextAlign);
    padding: var(--pagenumInnerPadding);
    font-size: var(--pagenumFontSize);

    color: var(--pagenumColor);
    font-family: var(--pagenumFont);

    background-color: var(--pagenumBackColor);
    border: var(--pagenumBorder);
    border-radius: var(--pagenumBorderRadius);

    transition: all .3s ease-in-out;
}