Solved Hover effects for buttons fail on mobile

Hey there! I have an issue with hover effects on buttons in Divi on a mobile site. The site is built for mobile only, and the idea is to have the button font color change to orange on tap / on touch. At the moment the color is changing ONLY when the finger is pressing over it for a while. On light tap it is either not reacting at all, or changes to a weird brown color - not sure where this color comes from, since its not set anywhere.

Here is the link to the website: https://www.itinerary001.com/berlin/
**it can be viewed on mobile only!**

I tried following with CSS:

body #page-container a.et_pb_button:hover, a.et_pb_button:active, a.et_pb_button:focus {
color: #ff6009!important;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
cursor: pointer;
}

Does not make a difference. Is there a way to fix this problem and get the color to be proper orange on light tap as well? Would be super grateful for any help!

Thanks in advance,
Lera

 

UPD: solved by adding
#page-container a.et_pb_button{
transition:none!important;
}

to the code above - works great