.pagination display: flex flex-direction: column position: absolute right: 15px top: 50% transform: translateY(-50%) z-index: 3 .pagination__bullet background: $translucent border-radius: 50% height: 24px position: relative transform: scale(0.5) transition: 0.4s width: 24px &:before content: attr(data-section) font-size: 2em left: 0 pointer-events: none position: absolute top: -0.5em transform: translateX(200%) transform-origin: right transition: 0.4s &:hover transform: scale(0.75) &:before transform: translateX(calc(-100% - 10px)) scaleX(1) .pagination__bullet_active transform: scale(0.9) &:hover transform: scale(1)
