button{
    background: crimson;
    border: 2px solid transparent;
    border-radius: 8px;
    color: white;
    box-shadow: rgb(0 0 0 / 20%) 2px 2px 5px 1px;
    cursor: pointer;
    padding: 8px 12px;
    outline: none;
    transition: background 0.4s ease-in-out, box-shadow 0.2s ease-in-out;
  }
  button:hover{
    background: tomato;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 4px 1px;
  }
  button:active{
    background: firebrick;
  }