.math-challenge-main {
            font-family: Arial, sans-serif;
            background: #e3f2fd;
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

    .math-challenge-container {
            max-width: 900px;
            width: 100%;
        }
        .math-challenge-card {
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 16px;
            padding: 20px;
            width: 100%;
            margin-bottom: 20px;
            color: #000;
            text-align: center;
        }
        .math-challenge-question-title {
            font-size: 1.3rem;
            margin-bottom: 10px;
            font-weight: bold;
        }
        .math-challenge-question {
            font-size: 1.2rem;
            margin-bottom: 10px;
        }
        .math-input {
            padding: 10px;
            border-radius: 8px;
            border: 1px solid #ccc;
            font-size: 1rem;
            width: 80%;
            text-align: center;
        }/*
        .math-challenge-btn {
            background-color: #2196F3;
            color: #fff;
            padding: 10px 20px;
            font-size: 1rem;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            margin-top: 5px;
            display: inline-block;
        }
        .math-challenge-btn:hover {
            background-color: #1e88e5;
        }*/
        .math-result {
            font-size: 1.1rem;
            font-weight: bold;
            margin-top: 10px;
        }
        .answer-container {
            display: none;
            margin-top: 10px;
            font-weight: bold;
            color: #4CAF50;
            text-align: center;
        }

        .math-challenge-btn {
    margin-top: 10px;
    padding: 10px 15px;
    font-size: 16px;
    color: white;
    background-color: #64d17f;  
    border: none;
    border-radius: 15px;
    cursor: pointer;
    outline: none;
    text-align: center;
    box-shadow: 0 7px #258a3e; 
}

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

.math-challenge-btn:hover {
    /*background-color: #64d17f; */
    opacity: 0.8;
}

.math-challenge-btn:active {
  background-color: #64d17f; 
  box-shadow: 0 5px #258a3e; 
  transform: translateY(4px);
}
/*---------- btn1 Answer ---------*/
.math-challenge-btn1 {
    margin-top: 10px;
    padding: 10px 15px;
    font-size: 16px;
    color: black;
    background-color: #e9e9ed; 
    border: none;
    border-radius: 15px;
    cursor: pointer;
    outline: none;
    text-align: center;
    box-shadow: 0 7px #999999;
}

.math-challenge-btn1:hover {
    /*background-color: #64d17f;*/
    opacity: 0.8;
}

.math-challenge-btn1:active {
  background-color: #64d17f;  
  box-shadow: 0 5px #258a3e; 
  transform: translateY(4px);
}
/*------------ btn2 Reset ----------*/
.math-challenge-btn2 {
    margin-top: 10px;
    padding: 10px 15px;
    font-size: 16px;
    color: white;
    background-color: #FF5722;  
    border: none;
    border-radius: 15px;
    cursor: pointer;
    outline: none;
    text-align: center;
    box-shadow: 0 7px #c9390c; 
}

.math-challenge-btn2:hover {
    /*background-color: #64d17f; */
    opacity: 0.8;
}

.math-challenge-btn2:active {
  background-color: #64d17f;  
  box-shadow: 0 5px #258a3e; 
  transform: translateY(4px);
}

.byline {
  color: #6e6e6e;
    font-size: 10px;
    font-weight: 400;
    margin-top: 4px;
    /*margin-right: 4px;*/    
    text-align: right;
    /*visibility: hidden;*/
}