.cbx{perspective:20px;cursor:pointer;background:#e8e8eb;border:2px solid #e8e8eb;border-radius:4px;margin:-12px;transition:all .3s;position:absolute;transform:translate(0,0)}.search-page .cbx:hover{border-color:#0b76ef}.flip{transform-style:preserve-3d;width:20px;height:20px;transition:all .4s;display:block;position:relative}#cbx{display:none}#cbx:checked+.cbx{border-color:#0b76ef}#cbx:checked+.flip{transform:rotateY(180deg)}.front,.back{backface-visibility:hidden;border-radius:2px;width:20px;height:20px;position:absolute;top:0;left:0}.front{z-index:1;background:#fff}.back{text-align:center;color:#fff;background:#0b76ef;line-height:20px;transform:rotateY(180deg);box-shadow:0 0 0 1px #0b76ef}.back svg{fill:none;width:70%;height:70%;margin-top:3px;margin-left:3px}.back svg path{stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}