[id^="rec"] .custom-active .tn-atom {
    --t396-bgcolor-color: #1053CB !important;
    --t396-bgcolor-hover-color: #1053CB !important;
    background-color: #1053CB !important;
    color: #fff !important;
    border-radius: 4px !important;
    box-shadow: 0 0 0 2px #1053CB !important;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

[id^="rec"] .custom-active .tn-atom::before {
    --t396-bgcolor-color: #1053CB !important;
    background-color: #1053CB !important;
    opacity: 1 !important;
}

[id^="rec"] .custom-active .tn-atom:hover {
    --t396-bgcolor-hover-color: #1053CB !important;
    background-color: #1053CB !important;
    color: #fff !important;
}

[id^="rec"] .custom-active .tn-atom:hover::before {
    background-color: #1053CB !important;
}

[id^="rec"] .tn-atom {
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}