.toast { position: fixed; display: block; top: 70px; width: 80%; padding: 0% 5%; text-align: center; font-size: 16px; color: rgba(40, 40, 40, 0.9); background: rgba(250, 250, 250, 0.95); opacity: 0; z-index: -10; transition: 0.3s; left: 50%; transform: translateX(-50%); border-radius: 15px; } .toast h1 { font-size: 16px; } .toast p { text-decoration: none; } .toast a { text-decoration: none; } .toast a:hover { text-decoration: underline; } .toast .close_toast { position: absolute; top: 7px; right: 7px; display: block; width: 30px; height: 30px; background: none; border-radius: 15px; border: solid 2px gray; }