.dot-button{background:linear-gradient(#1f2941,#263658)}.dot-button:hover:not(.active){transition:all .25s ease-in-out;transform:scale(1.1)}.dot-button:before{content:"";opacity:0;background:linear-gradient(#485f95,#485f95);border-radius:100%;width:1.2em;height:1.2em;transition:all .25s ease-in-out;display:block}.dot-button.active{transform:scale(.8)}.dot-button.active:after{content:"";z-index:-1;background:url(/image/ui/PaginationSelected.png) 0 0/contain;width:1.8em;height:1.8em;animation:1s cubic-bezier(.34,1.26,.64,1) appear;display:block;position:absolute;top:-.3em;left:-.3em;transform:scale(1.2)}.dot-button.active:before{opacity:1;transition:all .25s ease-in-out;transform:scale(1.2)}@keyframes appear{0%{opacity:0;transform:scale(0)rotate(0)}to{opacity:1;transform:scale(1.2)rotate(180deg)}}