/* Mobile View */
@media screen and (max-width: 79.5rem){

.pager{
clear:both;
float:left;
width:100%;
margin:.75rem 0 0 0;
}

.pager ol{
margin:.5rem 0;
padding:0;
display:flex;
align-items:center;
justify-content:flex-end;
}

.pager a:before{
margin:0;
padding:0;
}

.pager a span{
display:none;
}

.pager a{
margin:0;
padding:.15em .45em .15em .45em;
}

.pager strong{
margin:0;
padding:.15em .45em .15em .45em;
}

}

/* Desktop View */
@media screen and (min-width: 79.5rem){

.pager{
float:right;
display:inline-block;
width:100%;
height:auto;
margin:.75rem 0;
}

.pager a span{
margin:0 0 0 .25em;
}

.pager a{
margin:0;
padding:0 .45em 0 .45em;
}

.pager strong{
margin:0;
padding:0 .45em 0 .45em;
}

}


.pager ol{
list-style-type:none;
}

.pager ol{
margin:.5rem 0;
padding:0;
display:flex;
align-items:center;
justify-content:flex-end;
}

.pager li{
float:left;
width:auto;
margin:0 .25em 0 0;
padding:.15em .15em .15em .15em;
display:inline;
}



/* Mobile View */
@media screen and (max-width: 79.5rem){

.pager li:last-child{
margin:0
}

}

/* Desktop View */
@media screen and (min-width: 79.5rem){

.pager li:last-child{
margin:0
}


}

.pager a{
float:left;
width:auto;
border-radius:.5rem;
background:var(--light-background-color);
border:var(--light-background-color) 1px solid;
}

.pager a:hover{
color:var(--light-font-color);
background:var(--dark-background-color);
border:var(--asset-background-color) 1px solid;
}

.pager strong{
float:left;
width:auto;
border-radius:.5rem;
color:var(--light-font-color);
background:var(--dark-background-color);
border:var(--asset-background-color) 1px solid;
}

.pager a.link_pre:before,
.pager a.link_next:before{
display:inline-block;
content:'';
width:.75em;
height:.75em;
}

.pager a.link_pre:before,
.pager a.link_next:before{
background:url('/asset/img/icon/pager-dark.svg') no-repeat 0px 1px;
}

.pager a.link_pre:hover:before,
.pager a.link_next:hover:before{
background:url('/asset/img/icon/pager-light.svg') no-repeat 0px 1px;
}

.pager a.link_pre:before{
transform: scaleX(-1);
}


.pager_button{
display:flex;
width:100%;
align-items:center;
justify-content:center;
}

.pager_button .pager{
float:none;
width:auto;
display:inline-block;
background:none;
border:0;
margin:0 0 .5em 0;
}


.pager_button .pager ol{
float:left;
margin:0;
padding:0;
list-style-type:none;
display:block;
}

.pager_button .pager li{
display:inline;
width:auto;
margin:0;
padding:.25rem .25rem .25rem .25rem;
}

.pager_button .pager a{
float:left;
width:auto;
border-radius:.5rem;
margin:0;
padding:.5rem .75rem;
color:var(--light-font-color);
background:var(--dark-background-color);
border:var(--asset-background-color) 1px solid;
}

.pager_button .pager a span{
display:block;
}

.pager_button .pager a:hover{
color:var(--dark-font-color);
background:var(--light-background-color);
border:var(--light-background-color) 1px solid;
}

.pager_button .pager a.link_pre:before,
.pager_button .pager a.link_next:before{
display:none;
}