.roller-button{position:relative;padding:9px 8px 8px;color:#fff;text-transform:uppercase;background-color:#8984b1;border:1px solid #c3b0d0;border-radius:6px;text-shadow:0 1px 0 rgba(0,0,0,.25);transition:transform .1s;transform-style:preserve-3d;cursor:pointer}.roller-button:focus{outline:none}.roller-button:hover{background-color:#a29ec2}.roller-button:disabled{background-color:#5f5d7e;border:1px solid #8e8198;transform:translateY(4px);cursor:not-allowed}.roller-button:disabled .shadow-3d{box-shadow:0 2px 0 rgba(0,0,0,.25);transform:translate3d(0,3px,-1px)}.roller-button:disabled .roller-button-text-wrapper{opacity:.7}.roller-button .shadow-3d{position:absolute;content:"";inset:0 -1px;background:#514e72;border-radius:inherit;box-shadow:0 4px 0 rgba(0,0,0,.25);transform:translate3d(0,7px,-1px);transition:transform .1s,box-shadow .1s}.roller-button:active{transform:translateY(4px)}.roller-button:active .shadow-3d{box-shadow:0 2px 0 rgba(0,0,0,.25);transform:translate3d(0,3px,-1px)}.roller-button .roller-button-text-wrapper{line-height:0}.roller-button .roller-button-text-wrapper .roller-button-img{display:inline-block}.roller-button .roller-button-text-wrapper .roller-button-img.with-separate{margin-right:12px}.roller-button .roller-button-text-wrapper .roller-button-img>img{image-rendering:pixelated}.roller-button .roller-button-text-wrapper .roller-button-text{font-family:visitor,sans-serif;font-size:16px;font-weight:700}@media only screen and (min-width:992px){.roller-button .roller-button-text-wrapper .roller-button-text{font-size:14px}}@media only screen and (min-width:1200px){.roller-button .roller-button-text-wrapper .roller-button-text{font-size:16px}}.roller-button.separate{margin-right:12px}.roller-button .red-dot{position:absolute;top:-8px;right:-8px;height:16px;width:16px;background-color:#ff1744;border:1px solid #ff8098;border-radius:50%}.roller-button.smallest{padding:3px 3px 1px}.roller-button.smallest .shadow-3d{transform:translate3d(0,5px,-1px)}.roller-button.smallest:active,.roller-button.smallest:disabled{transform:translateY(3px)}.roller-button.smallest:active:before,.roller-button.smallest:disabled:before{transform:translate3d(0,3px,-1px)}.roller-button.smallest .roller-button-text-wrapper{line-height:18px}.roller-button.smallest .roller-button-text-wrapper .roller-button-text{font-family:visitor,sans-serif;font-size:14px}.roller-button.small{padding:7px 4px}.roller-button.small .shadow-3d{transform:translate3d(0,6px,-1px)}.roller-button.small:active,.roller-button.small:disabled{transform:translateY(3px)}.roller-button.small:active:before,.roller-button.small:disabled:before{transform:translate3d(0,3px,-1px)}.roller-button.small .roller-button-text-wrapper{line-height:18px}.roller-button.small .roller-button-text-wrapper .roller-button-text{font-family:visitor,sans-serif;font-size:14px}.roller-button.large{padding:10px 12px 8px}.roller-button.large .shadow-3d{transform:translate3d(0,10px,-1px)}.roller-button.large:active,.roller-button.large:disabled{transform:translateY(5px)}.roller-button.large:active:before,.roller-button.large:disabled:before{transform:translate3d(0,5px,-1px)}.roller-button.large .roller-button-text-wrapper{line-height:24px}.roller-button.large .roller-button-text-wrapper .roller-button-text{font-family:visitor,sans-serif;font-size:20px}@media only screen and (min-width:992px){.roller-button.large .roller-button-text-wrapper .roller-button-text{font-size:18px}}@media only screen and (min-width:1200px){.roller-button.large .roller-button-text-wrapper .roller-button-text{font-size:20px}}.roller-button.default{color:#fff;background-color:#8984b1;border:1px solid #c3b0d0}.roller-button.default:hover{background-color:#a29ec2}.roller-button.default:disabled{background-color:#5f5d7e;border:1px solid #8e8198}.roller-button.default .shadow-3d{background:#514e72}.roller-button.cyan{color:#2f3045;background-color:#03e1e4;border:1px solid #9ff2f3}.roller-button.cyan:hover{background-color:#1cf9fc}.roller-button.cyan:disabled{background-color:#029ea0;border:1px solid #6fa9aa}.roller-button.cyan .shadow-3d{background:#186668}.roller-button.gold{color:#2f3045;background-color:#ffdc00;border:1px solid #fff199}.roller-button.gold:hover{background-color:#ffe647}.roller-button.gold:disabled{background-color:#dcb000;border:1px solid #dcbb4c}.roller-button.gold .shadow-3d{background:#b98500}.roller-button.red{color:#fff;background-color:#ca444a;border:1px solid #ee8b92}.roller-button.red:hover{background-color:#d36469}.roller-button.red:disabled{background-color:#912c30;border:1px solid #a34f54}.roller-button.red .shadow-3d{background:#581416}