*{
  font-family:'Calibri';
}

:root {
  --color-linkSecondary: #f5a524;
}

:root {
  --color-linkSecondaryHover: #c2821c;
}

:root {
  --color-other: #f5a524;
}


/* Hide the original content */
[data-id="signUpSuccessMessage_content"] {
    visibility: hidden !important;
    position: relative;
}

/* English message */
html:lang(en) [data-id="signUpSuccessMessage_content"]::after {
    content: "Your request will be processed as soon as possible, and you will be notified once approved.";
    visibility: visible !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: inherit;
}

/* German message */
html:lang(de) [data-id="signUpSuccessMessage_content"]::after {
    content: "Ihre Anfrage wird so schnell wie möglich bearbeitet, und Sie werden benachrichtigt, sobald sie genehmigt wurde.";
    visibility: visible !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: inherit;
}

.custom-button {
    display: inline-block !important;
    background-color: #00c1b5 !important;
    color: white !important;
    font-family: Calibri, sans-serif !important;
    font-size: 16px !important;
    padding: 12px 24px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: transform 0.3s ease, background-color 0.3s ease !important;
}

.custom-button:hover {
    background-color: #00938a !important;
    transform: scale(1.05) !important; /* Same effect as pictograms */
}

/* Target the specific pictogram images */
img[src*="6505000006444409"] {
    transition: transform 0.3s ease !important;
}

img[src*="6505000006444409"]:hover {
    transform: scale(1.05) !important;
}

img[src*="6505000006444409"],  
img[src*="6505000006444377"] { 
    transition: transform 0.3s ease !important; 
}

img[src*="6505000006444409"]:hover,  
img[src*="6505000006444377"]:hover { 
    transform: scale(1.05) !important; 
}