button, input { font-family: inherit; } button:focus { outline: none; } .button { border-radius: 3px; box-shadow: #ECEBEB 1px 1px 2px; line-height: 26px; padding: 4px 10px 4px 10px; cursor: pointer; color: #898989; display: inline-block; box-sizing: border-box; } .button:disabled, .button:hover:disabled { border: 1px solid #cbcbcb; background: linear-gradient(to top, #cbcbcb, #cfcfcf); } .button-default { background: linear-gradient(to bottom, #f4f4f4, #e8e8e8); border: 1px solid #d3d3d3; } .button-default:hover { background: linear-gradient(to bottom, #fefefe, #dddcdc); } .button-default:active { background: linear-gradient(to bottom, #fefdfd, #d4d1d1); } .button-primary { background: linear-gradient(to top, #ff7e08, #ff9e14); color: #fff; border: 1px solid #ec8b00; font-weight: bold; } .button-primary:hover { background: linear-gradient(to top, #ff912d, #ffb72e); } .button-primary:active { background: linear-gradient(to top, #ee7609, #ff9712); } .button-block { display: block; width: 100%; } .button-large { font-size: 18px; line-height: 40px; } .text { border-radius: 4px; border: 1px solid #b7b7b7; background-color: #ffffff; box-shadow: inset 0 0 10px rgba(160, 160, 160, 0.5); padding: 10px; } .text-block { display: block; width: 100%; box-sizing: border-box; }