.bmw-hover-button { transition: all 0.3s ease; position: relative; overflow: hidden; } .bmw-hover-button::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.1); transform: translateY(100%); transition: transform 0.3s ease; z-index: 0; } .bmw-hover-button:hover::after { transform: translateY(0); } .bmw-hover-button:hover { color: #fff; }