:root {
  --primary: #C91846;
  --primary-2: #fff;
  --primary-background: #C91846;
  --keycloak-logo-url: url("../img/logo.png");
}

button#kc-login {
  position: relative;
  overflow: visible;
  z-index: 0;
}

button#kc-login::before {
  content: "";
  background: linear-gradient(45deg, #1653A6, #802A91, #FEEB00, #F4811E, #EE4A24, #018C45);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 9px;
}

button#kc-login:hover::before {
  opacity: 1;
}

button#kc-login::after {
  z-index: -1;
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  border-radius: 9px;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}

footer {
  display: none;  
}