/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
.script-next,
#ls-button-submit, 
input[type="submit"] {
    display: block; /* Umožní centrování */
    margin: 20px auto; /* Automatické centrování, nahoře 20px mezera */
    background-color: #959090;
    position: absolute;
    left: 0;
    margin-left: 50%;
    font-size: 20px; /* Zvětší text */
    padding: 15px 30px; /* Zvýší prostor kolem textu */
    width: auto; /* Automatická šířka podle obsahu */
    height: auto; /* Automatická výška */
    border-radius: 8px; 
    border: none; /* Zruší okraj */
    outline: none;
}
    
/* Přidání animace pro hover efekt */
.script-next:hover,
#ls-button-submit:hover {
    background-color: #F94B2C; /* Mírně tmavší barva při najetí */
    transform: scale(1.05); /* Mírné zvětšení */
    transition: 0.3s ease-in-out;
}
.question-text, 
.question-help, 
.ls-answers, 
.survey-description {
  word-break: keep-all;
  white-space: normal;
}

span.question-code {
  color: transparent !important;
}