.payment-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding: 2rem;
  background-color: #f5f5f5;
}

.payment-card {
  max-width: 500px;
  width: 100%;
}

.coming-soon {
  text-align: center;
  padding: 2rem 0;
  
  h3 {
    margin-bottom: 1rem;
    color: #555;
  }
  
  p {
    color: #777;
    margin-bottom: 0.5rem;
  }
}

mat-icon {
  font-size: 40px;
  width: 40px;
  height: 40px;
  color: #3f51b5;
}
