/*
  ==============================================================
  AI-Masterpieces - Wiederverwendbarer Masterclass CTA Button
  ==============================================================
  Dieser Code bündelt alle Tailwind-Stile in einer einzigen Klasse,
  sodass Sie im HTML nur noch class="btn-masterclass-cta" benötigen.
*/

.btn-masterclass-cta {
  /* Struktur & Dimensionen */
  display: inline-block;
  padding-top: 1rem;      /* von .py-4 */
  padding-bottom: 1rem;   /* von .py-4 */
  padding-left: 2.5rem;   /* von .px-10 */
  padding-right: 2.5rem;  /* von .px-10 */
  border-radius: 0.5rem;  /* von .rounded-lg */

  /* Schrift & Aussehen */
  color: #ffffff;         /* von .text-white */
  font-weight: 700;       /* von .font-bold */
  font-size: 1.125rem;    /* von .text-lg */
  line-height: 1.75rem;   /* von .text-lg */
  text-decoration: none;  /* Stellt sicher, dass Links nicht unterstrichen sind */
  
  /* Schatten & Effekte */
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* von .shadow-lg */
  
  /* Ihr einzigartiger Farbverlauf */
  background: linear-gradient(to right, #38bdf8, #818cf8);
  
  /* Übergang für den Hover-Effekt */
  transition: all 0.3s ease;
}

.btn-masterclass-cta:hover {
  /* Ihr einzigartiger Hover-Effekt */
  box-shadow: 0 0 25px rgba(129, 140, 248, 0.5);
  transform: translateY(-2px);
}