.button{padding:16px 12px;color:#fff;border:none;border-radius:10px;cursor:pointer;margin:10px;font-size:1.3rem;justify-content:center;min-width:10dvh}.button,.button--inverse{background-color:var(--color-secondary-dark);box-shadow:2px 2px 4px rgba(0,0,0,.3)}.button:focus{outline:none}.button:hover{background-color:var(--color-secondary);box-shadow:3px 3px 5px rgba(0,0,0,.3)}.button--active,.button:active{background-color:hsl(46,100%,54%);transition:hsl(46,100%,54%) .1s ease}.button--danger{background:hsl(0,100%,26%);border-color:hsl(0,100%,26%)}.button--danger:active,.button--danger:hover{background:hsl(0,88%,61%);border-color:hsl(0,88%,61%)}.button:active:disabled,.button:disabled,.button:hover:disabled{background:hsl(0,0%,80%);color:hsl(0,0%,59%);border-color:hsl(0,0%,80%);cursor:not-allowed}.button--small{font-size:.7rem}.button--medium{font-size:1rem}.button--large{font-size:1.3rem}.button--xlarge{font-size:2.5rem;padding:60px 40px;width:350px}@media (min-width:2500px){.button{font-size:1.3rem}}@media (hover:none) and (pointer:coarse){.button:hover{background-color:hsl(14,77%,54%);box-shadow:3px 3px 5px rgba(0,0,0,.3)}}