/* datei: reusable-button.css */


.custom-button-link {
    display: inline-block;
    padding: 10px 30px; 
    

    background-color: #FF8000; 
    
    color: white !important;
    text-decoration: none;
    font-weight: bold;
 
    border-radius: 999px; 
    }
.button_orange {
  font-family: "Inter", sans-serif;

    /* Übergänge für den Hover-Effekt */
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
    cursor: pointer;
    font-size: 1.2em; 
    text-align: center;
    border: none;
}


.custom-button-link:hover {
    background-color: #e67300;
    transform: translateY(-3px); 

    box-shadow: 0 0 20px rgba(214,214,214,1.00),0 8px 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 20px rgba(214,214,214,1.00),0 8px 15px rgba(0, 0, 0, 0.3);
}


.custom-button-link:active {
    transform: translateY(0);
    box-shadow: 
        0 0 10px rgba(255, 128, 0, 0.7), 
        0 2px 3px rgba(0, 0, 0, 0.2); 
	
	
}
.button_orange:disabled {
  opacity: 0.5;        
  cursor: not-allowed;
}