Change Duration of Warning Message

Hi there,

I would like to change the length the warning message appears on screen so users have sufficient time to read and interpret it. I have tried editing the CSS through plugin settings to no avail. My latest attempt:

.product_notification_text {
animation-duration: 2s;
-webkit-animation-duration: 2s;}

.gbt-custom-notification-notice.close-notice body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice.close-notice {
animation-duration: 5s;
-webkit-animation-duration: 5s;
}

body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.open-notice .gbt-custom-notification-message {
animation-duration: 5s;
}

body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.open-notice .gbt-custom-notification-message {
animation-duration: 5s;
}

It’s unclear to me if the changes have affected anything. Please let me know if you are aware of a method to change the animation duration using the CSS field in your settings, or another method. Thanks!

The page I need help with: [log in to see the link]