$basecolor : #eb7108;
$color--pushed : green;
@import url("http://fonts.googleapis.com/css?family=Alegreya:700, 400");

*, *::before, *::after {
  box-sizing:border-box;
}
body {
  text-align:center;
  background-color:#eb7108;
  font-family: Alegreya, sans-serif;
  text-transform:uppercase;
}
.push-button {
      height:60px;
      width: 100px;
      position:relative;
      text-align:center;
      display:inline-block;
  
  
      input[type="checkbox"], input[type="radio"] {
			display: none;
			&:checked + label {
				border: 3px solid $color--pushed;
				&::after {
					content: "";
					position: absolute;
					right: 0;
					top:0;
					border: 12px solid;
					border-color: $color--pushed $color--pushed transparent transparent;
					z-index: 10;
				}
				&::before {
					content: "\2713";
					font-family: Traductorium;
					position: absolute;
					right: 0px;
					top:0px;
					color:white;
					z-index: 100;
					font-weight: normal;
					font-size: .8em;
				}
			}
			&:disabled + label {
				cursor: not-allowed;
			}
		}
        label{
            width:100%;
            position: absolute;
            top:0;
            left:0;
            right:0;
            bottom: 0;
            z-index: 0;
            padding-top: 1em;
            margin-bottom: 0;
            color: white;
            background-color:darken($basecolor, 20);
            cursor: pointer;
        }
    }