@charset 'utf-8';

.page-link {
background:linear-gradient(to bottom, transparent 16px, rgb(0,0,0,75%));
padding:8px 24px;
}
.page-link div {
display:flex; flex-wrap:wrap; justify-content:center;
padding:4px;
}
.page-link div a {
position:relative;
display:block;
background:linear-gradient(#000,#011);
box-shadow:0 2px 2px rgb(0,0,0,75%);
font-size:12px; color:#677; text-decoration:none;
padding:9px; margin:4px;
}
.page-link div a:after {
position:absolute; left:0; right:0; top:0; bottom:0;
border:solid 1px #677;
content:'';
}
.page-link div a:hover:after { animation:top100-div-a 1s;}
@keyframes top100-div-a { 0% { background:#FFF;}}
.page-link div a.here { background:linear-gradient(#011,#122); color:#FFF;}
.page-link div a.here:after { border-color:#FFF;}