:root {
  --gradient: linear-gradient(to left top, #DD2476 10%, #FF512F 90%) !important;
}

.card {
  background: #000000;
  border: 1px solid #ffffff;
  color: rgba(250, 250, 250, 255);
  margin-bottom: 2rem;
  margin: 0 auto;
}

.btn {
  text-align: center;
  border: 1px solid #fff;
  border-image-slice: 1;
  background: #fff !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-decoration: none;
  transition: all .4s ease;
}

.btn:hover, .btn:focus {
      background: #fff !important;
  -webkit-background-clip: none !important;
  -webkit-text-fill-color: #000 !important;
  border: 1px solid #fff !important;
  box-shadow: #222 1px 0 10px;
  text-decoration: underline;
}

.card-title {
  color: #fff;
  white-space: nowrap;
}