transition: background-color 0.3s; } .popup .copy-btn:hover { background-color: #e6a700; } .popup .close-btn { position: absolute; top: 10px; right: 10px; background: none; border: none; color: #fff; font-size: 18px; cursor: pointer; } /* Button to trigger popup */ .trigger-btn { } .toast { position: fixed; bottom: 50%; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 10px 20px; border-radius: 5px; font-size: 14px; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; z-index: 999999; } .toast.show { opacity: 1; visibility: visible; }