.choice-wrapper { position: absolute; right: 100%; min-width: 75px; top: 0; height: rem-calc(50); display: flex; align-items: center; justify-content: flex-end; margin-right: 10px; .choice-number { display: inline-block; position: relative; background-color: $light-gray; border-radius: 50%; border: 1px solid $green; width: 20px; height: 20px; margin-right: 2px; margin-left: 2px; cursor: pointer; pointer-events: all; font-size: 14px; line-height: 20px; color: $green; transition: all 300ms ease; &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } &.selected { background-color: $green; color: $white; } span { position: absolute; top: 50%; left: 50%; /* bring your own prefixes */ transform: translate(-50%, -50%); } &.prio-one { span { transform: translate(-48%, -48%); } } &.prio-two { span { transform: translate(-41%, -48%); } } &.prio-three { span { transform: translate(-38%, -48%); } } &.prio-four { span { transform: translate(-38%, -48%); } } } } .confirm-poll.disabled{ opacity: 1; background-color: #cacaca; &:hover { background-color: #b0b0b0; } }