.cube {width: 44px;height: 44px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;display: inline-block;vertical-align: middle }.active-state, .default-state {height: 44px }.default-state {-webkit-transform: translateZ(22px);-moz-transform: translateZ(22px);-ms-transform: translateZ(22px);-o-transform: translateZ(22px);transform: translateZ(22px) }.person-panel ul.flip-list .default-state {transform: none }.flip-to-top .active-state {-webkit-transform: rotateX(90deg) translateZ(66px);-moz-transform: rotateX(90deg) translateZ(66px);-ms-transform: rotateX(90deg) translateZ(66px);-o-transform: rotateX(90deg) translateZ(66px);transform: rotateX(90deg) translateZ(66px) }.flip-to-bottom .active-state {-webkit-transform: rotateX(-90deg) translateZ(-21px);-moz-transform: rotateX(-90deg) translateZ(-21px);-ms-transform: rotateX(-90deg) translateZ(-21px);-o-transform: rotateX(-90deg) translateZ(-21px);transform: rotateX(-90deg) translateZ(-21px) }.cube.flip-to-top:hover, .flip-plus:hover .cube.flip-to-top {-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-o-transform: rotateX(-90deg);transform: rotateX(-90deg) }.cube.flip-to-bottom:hover, .flip-plus:hover .cube.flip-to-bottom {-webkit-transform: rotateX(89.9deg);-moz-transform: rotateX(89.9deg);-ms-transform: rotateX(89.9deg);-o-transform: rotateX(89.9deg);transform: rotateX(89.9deg) }.active-state, .default-state {background: #2ecc71;font-size: 16px;text-transform: uppercase;color: #fff;-webkit-transition: background .4s ease;-moz-transition: background .4s ease;-o-transition: background .4s ease;transition: background .4s ease }.active-state {background: #bed600 }.flip-plus .default-state {border: 2px solid #bed600;background-color: transparent }.flip-plus .active-state {border: 2px solid #bed600;background-color: #bed600 }.flip-plus {position: relative;text-decoration: none;text-align: center }.flip-plus span {width: 19px;height: 19px;background-image: url(/Assets/images/icon-plus-grey.png);background-size: cover;display: block;position: absolute;left: 50%;margin-left: -9.5px;top: 50%;margin-top: -9.5px }.flip-plus p {font-size: 14px;display: inline-block;color: #4d5357;vertical-align: middle;margin: 0 0 0 10px }.flip-plus.flip-plus-white span {background-image: url(/Assets/images/icon-plus.png) }.flip-plus.flip-social span {background-image: none;color: #354646;font-size: 20px }.people_socialicon.cube {width: 44px;height: 44px }