span.button margin: 0 0 0 1px padding: 0.5em 1em border: 1px solid #d4d4d4 border-radius: 50em text-overflow: ellipsis white-space: nowrap overflow: hidden cursor: pointer outline: none background-color: #ececec color: #333 font: 11px/normal sans-serif text-shadow: 1px 1px 0 #fff text-align: center text-decoration: none //Prevent selection -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ span.button:hover color: blue span.button:active color: #fff background-color: #141414 text-shadow: 1px 1px 0 #000 border: 1px solid #292929 span.button.primary font-weight: 800 span.button.selected //Use this if they are toggle buttons color: #fff background-color: #141414 text-shadow: 1px 1px 0 #000 cursor: default span.buttonGroup :not(:first-child):not(:last-child) border-radius: 0 :first-child border-top-left-radius: 50em border-bottom-left-radius: 50em border-top-right-radius: 0 border-bottom-right-radius: 0 margin-left: 0 :last-child border-top-left-radius: 0 border-bottom-left-radius: 0 border-top-right-radius: 50em border-bottom-right-radius: 50em