.elementor-240 .elementor-element.elementor-element-0c575f2{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-240 .elementor-element.elementor-element-c4a4998{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:20px;color:var( --e-global-color-astglobalcolor2 );}@media(max-width:767px){.elementor-240 .elementor-element.elementor-element-c4a4998{line-height:1em;}}/* Start custom CSS for html, class: .elementor-element-dcf43bc *//* Basis-Stil */
#btn10, #btn40, #btn48 {
  margin: 15px 12px;
  border-radius: 12px;
  border: 2px solid #000;
  padding: 18px 36px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;                /* wichtig: transition hier im Basiszustand */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  color: #000000 !important;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

/* Spanische Flagge horizontal */
#btn10, #btn40, #btn48 {
  background: linear-gradient(to bottom,
    #AA151B 25%,
    #F1BF00 25%,
    #F1BF00 75%,
    #AA151B 75%
  );
}

/* Icons */
#btn10::before { content: "🔥"; margin-right: 8px; }
#btn40::before { content: "⭐"; margin-right: 8px; }
#btn48::before { content: "💥"; margin-right: 8px; }

/* HOVER – jetzt wirklich für ALLE drei Buttons + transition schon im Normalzustand definiert */
#btn10:hover, #btn40:hover, #btn48:hover {
  background: linear-gradient(to bottom,
    #8B0000 25%,
    #E6B800 25%,
    #E6B800 75%,
    #8B0000 75%
  );
  transform: scale(1.05);           /* wird jetzt definitiv angewendet */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* Fokus */
#btn10:focus, #btn40:focus, #btn48:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(170, 21, 27, 0.7);
}

/* Responsive */
@media (max-width: 767px) {
  #btn10, #btn40, #btn48 {
    width: 100%;
  }
}/* End custom CSS */