/*.logic{
    background-image: url(/images/background/2.webp)
}*/


.task {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    /*background-image: url(/images/background/1.png)*//*background-color: #f9f9f9;*/
}

/* Unikālas stilizācijas klases katram uzdevumam (ja nepieciešams) */
/*.task1 {}

.task2 {} */
/* Pievienojiet vairāk stilizācijas klases kā nepieciešams */

.answer {
    display: none;
    margin-top: 10px;
    /*background-image: url(/images/background/1.gif);*//*background-color: #e0e0e0;*/
    padding: 10px;
    border-radius: 5px;
}

/* Unikālas stilizācijas klases katrai atbildei (ja nepieciešams) */
/*.answer1 {  }
.answer2 {  } */
/* Pievienojiet vairāk stilizācijas klases kā nepieciešams */

.answer-button {
    margin-top: 10px;
    padding: 10px 15px;
    font-size: 16px;
    color: white;
    background-color: #64d17f;  /*#03a866, #007bff*/
    border: none;
    border-radius: 15px;
    cursor: pointer;
    outline: none;
    text-align: center;
    box-shadow: 0 7px #258a3e; /* #999 */
}

/* Unikālas stilizācijas klases katrai pogai (ja nepieciešams) */
/*.answer-button1 {  }
.answer-button2 {  } */
/* Pievienojiet vairāk stilizācijas klases kā nepieciešams */

.answer-button:hover {
    background-color: #64d17f; /* #0056b3 */
}

.answer-button:active {
  background-color: #64d17f;  /* #0056b3 */
  box-shadow: 0 5px #258a3e; /* #666 */
  transform: translateY(4px);
}