button{appearance:none;padding:unset;border:none;background:none;font:inherit;cursor:pointer}.button{padding:10px 20px;font:inherit;font-weight:300;white-space:nowrap;color:var(--orange-2);text-align:center;text-shadow:0 0 1px rgba(0,0,0,.2);border:1px solid var(--orange-2);border-radius:var(--radius-3);background:var(--white);text-transform:capitalize;cursor:pointer;transition:background .15s ease,text-shadow .15s ease,color .15s ease;&::-moz-focus-inner{border:0}&:hover,&:focus,&:active{outline:none;text-shadow:0 0 4px rgba(0,0,0,.4);background:var(--orange-2);color:var(--white)}&:focus{--opacity: .8}&:active{--blue: 39, 102, 178}&.small{padding:3px 9px}&.button-grey{color:var(--grey-2);border:1px solid var(--grey-2);&:hover{background-color:var(--grey-2)}}&.button-green{color:var(--green-0);border:1px solid var(--green-0);&:hover{background-color:var(--green-1)}&:hover,&:focus,&:active{outline:none;text-shadow:0 0 4px rgba(0,0,0,.4);background:var(--green-1);color:var(--white)}}}.button--link{display:block;padding:var(--size-4);color:var(--blue-1);text-decoration:none;text-align:center;transition:color .25s ease;&:hover{color:var(--dark-blue-2)}&.danger{color:var(--red-1)}}