.test-bg .tn-atom {
    transition: background-color 0.5s ease !important; 
}

.text-test .tn-atom {
    transition: color 0.5s ease !important;
}

.test-arrow .tn-atom {
    transition: transform 0.5s ease !important;
}

.botton-test:hover .test-bg .tn-atom {
    background-color: black !important; 
    cursor: pointer;
}

.botton-test:hover .text-test .tn-atom {
   color: white !important;
}

.botton-test:hover .test-arrow .tn-atom {
    transform: rotate(45deg) !important;
}