:host {
  display: flex;
  justify-content: center;
}

.btn {
  margin: 10px;
  padding: 30px;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 20px;
  border: none;
  font-size: 20px;
  position: relative;
}

.btn:hover {
  background-position: right center;
}

.btn:active {
  top: 1px;
}

.btn-gradient {
  background-image: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 51%, #fbc2eb 100%);
}

.btn-container {
  display: flex;
  justify-content: center;
}
