* {
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.container {
  width: 100%;
  height: 100vh;
  background: #ebeef1;
  display: flex;
  justify-content: center;
  align-items: center;
}

button {
  font-size: 32px;
  font-weight: 500;
  padding: 20px;
  margin: 30px;
  width: 350px;
  background: #ebeef1;
  cursor: pointer;
  border: none;
  border-radius: 50px;
  color: #00a037;
  box-shadow: 10px 10px 10px -1px rgba(10, 99, 169, 0.16),
    -10px -10px 10px -1px rgba(255, 255, 255, 0.7);
}

button.reject {
  color: #ed0000;
  box-shadow: inset 10px 10px 10px -1px rgba(10, 99, 169, 0.16),
    inset -10px -10px 10px -1px rgba(255, 255, 255, 0.7);
}

button i {
  margin-right: 20px;
}

button:active {
  box-shadow: inset 10px 10px 10px -1px rgba(10, 99, 169, 0.16),
    inset -10px -10px 10px -1px rgba(255, 255, 255, 0.7);
}

button:hover {
  background: #a6c8eb;
}

button:hover.reject {
  background: #a6c8eb;
}

button:active.reject {
  box-shadow: 10px 10px 10px -1px rgba(10, 99, 169, 0.16),
    -10px -10px 10px -1px rgba(255, 255, 255, 0.7);
}