/*Smooth shadow + scale*/
button {
    transition: all 0.2s ease;
}

    button:hover {
        transform: translateY(-2px) scale(1.02);
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }

/*Press effect*/
button:active {
    transform: scale(0.97);    
}

    button.active {
        color: #19CAAF !important;
    }





.icon:hover {
    transform: scale(1.15);
    transition: transform 0.15s ease;
}

input:not(.form-check-input),
textarea {
    border: 1px solid #ccc !important;
    padding: 10px 14px !important;
    border-radius: 3px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

    input:focus, textarea:focus {
        /*border-color: #405189 !important;*/
        box-shadow: 0 0 0 2px rgba(64, 81, 137, 0.1) !important;
        outline: none !important;
    }



.mark, mark {
    padding: .2em;
    background-color: #f7f0c8;
}