.liquid_button { background-color: #1a73e8;  color: white; padding: 10px 20px; border: none; border-radius: 25px; font-size: 16px; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; transition: transform 0.6s ease, background-color 0.6s ease; transform-origin: center;  perspective: 1000px; position: relative; overflow: hidden; } .liquid_button:hover { transform: rotateX(180deg);  background-color: #1c6ad0 !important;  } .liquid_button span { display: inline-block; transition: color 0.6s ease, background 0.6s ease; transform: rotateX(0deg);  position: relative; z-index: 1; color: white;  } .liquid_button:hover span { background: linear-gradient(90deg, #ff8c00, #ff4081, #00e5ff, #ffeb3b, #ff8c00);  background-size: 400%;  -webkit-background-clip: text; background-clip: text; transform: rotateX(180deg);  color: transparent;  animation: gradientAnimation 5s linear infinite; } @keyframes gradientAnimation { 0% { background-position: 0% 50%; } 100% { background-position: 400% 50%; } }