/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 10 2026 | 11:10:05 */
/*
 * Elementor-Button „Einloggen“ im Stil des Animations-CTA.
 * Dem Button-Widget unter Erweitert > CSS-Klassen diese Klasse geben:
 * akademie-login-button
 */

.akademie-login-button .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-width: 280px;
  padding: 18px 30px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(100deg, #006cff, #00c2ff);
  color: #fff;
  font-family: inherit;
  font-size: 21px;
  font-weight: 950;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
  box-shadow: 0 14px 35px rgba(0, 108, 255, 0.28);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.akademie-login-button .elementor-button::after {
  content: "→";
  font-size: 1.45em;
  font-weight: 500;
  line-height: 0;
  transition: transform 180ms ease;
}

.akademie-login-button .elementor-button:hover,
.akademie-login-button .elementor-button:focus-visible {
  color: #fff;
  transform: translateY(-2px) scale(1.025);
  filter: brightness(1.04);
  box-shadow: 0 18px 48px rgba(0, 194, 255, 0.42);
}

.akademie-login-button .elementor-button:hover::after,
.akademie-login-button .elementor-button:focus-visible::after {
  transform: translateX(5px);
}

.akademie-login-button .elementor-button:focus-visible {
  outline: 3px solid rgba(0, 108, 255, 0.28);
  outline-offset: 4px;
}

@media (max-width: 767px) {
  .akademie-login-button .elementor-button {
    min-width: 230px;
    padding: 15px 24px;
    font-size: 18px;
  }
}