function setTextColor(color) {
    document.querySelector('.pointTotalTime').classList.remove('text-green-700', 'text-red-500');
    document.querySelector('.pointTotalTime').classList.add(color);
}

document.getElementById('startPointButton').addEventListener('click', function() {
    document.getElementById('startPointButton').style.display = 'none';
    document.getElementById('pausePointButton').style.display = 'block';
    setTextColor('text-green-700');
});

document.getElementById('pausePointButton').addEventListener('click', function() {
    document.getElementById('pausePointButton').style.display = 'none';
    document.getElementById('startPointButton').style.display = 'block';
    setTextColor('text-red-500');
});