label.btn.checkbtn.btn-outline-primary {
    margin-bottom: 20px;
    border-radius: 5px !important;
    box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
    border: 1px solid black;
    color: black;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

label.btn.checkbtn.btn-outline-primary:hover {
    translate: 0px -2px;
}

.btn-check:checked+.btn.correct_reply {
    background: #148660
}

.btn-check:checked+.btn.incorrect_reply {
    background: rgb(229, 23, 23)
}

label.btn.checkbtn.btn-outline-primary.correct_reply:not(:checked+.btn) {
    background: repeating-linear-gradient(45deg,
            /* Angle of the stripes */
            #dbf4ec,
            /* First stripe color */
            #dbf4ec 10px,
            /* Length of the first stripe */
            rgb(186, 244, 224) 10px,
            /* Start of second stripe color */
            rgb(186, 244, 224) 20px
            /* Length of second stripe */
        );
}

.btn-check:checked+.btn,
.btn-check:checked+.btn code {
    color: white !important;
}

div#reply_area .form-group {
    margin-bottom: 0px;
}

label.btn.checkbtn.btn-outline-primary p {
    margin-bottom: 0px;
}