import re

with open('css/bible-widget.css', 'r', encoding='utf-8') as f:
    css = f.read()

# Add opacity and pointer-events to #bible-widget-btn, and update transition
css = re.sub(
    r'transition:\s*transform[^;]+;',
    r'transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease, opacity 0.3s ease;',
    css
)

if 'opacity: 0;' not in css[css.find('#bible-widget-btn {') : css.find('}', css.find('#bible-widget-btn {'))]:
    css = css.replace('#bible-widget-btn {\n', '#bible-widget-btn {\n    opacity: 0;\n    pointer-events: none;\n')

if '#bible-widget-btn.visible' not in css:
    css += '\n#bible-widget-btn.visible {\n    opacity: 1;\n    pointer-events: auto;\n}\n'

with open('css/bible-widget.css', 'w', encoding='utf-8') as f:
    f.write(css)

print("Updated CSS")