.pagin { position: relative; width: 8em; margin: 0 0 0 3em; float: left; }
.pagin__item { line-height: 1; position: relative; display: block; margin: 0; padding: 0; letter-spacing: 0; color: currentColor; border: 0; background: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.pagin__item:focus { outline: none; }
/*** Etefu ***/

.pagin--etefu .pagin__item { width: 2.5em; height: 3em; margin: 1em 0; }
.pagin--etefu .pagin__item-inner { position: relative; display: block; overflow: hidden; width: 0.25em; height: 100%; margin: 0 0 0 1em; background: #CC1358; opacity: 0.7; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.pagin--etefu .pagin__item:not(.pagin__item--current):focus .pagin__item-inner, .pagin--etefu .pagin__item:not(.pagin__item--current):hover .pagin__item-inner { opacity: 1; }
.pagin--etefu .pagin__item-inner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.pagin--etefu .pagin__item--current .pagin__item-inner::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.pagin--etefu .pagin__item-title { font-weight: bold; position: absolute; top: 0; left: 115%; width: 2em; font-size: 1.5em; opacity: 0; color: #000; font-family: 'Roboto Condensed', sans-serif; -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(1em, 0, 0); transform: rotate3d(0, 0, 1, 90deg) translate3d(1em, 0, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.pagin--etefu .pagin__item--current .pagin__item-title { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); }