<style> .progress-bar { width: 100%; height: 10px; background: var(--secondary-l-2); position: relative; margin-bottom: 40px; border-radius: 5px; overflow: hidden; } .progress-bar span { display: block; height: 100%; width: 0%; background: var(--secondary-l-1); transition: width 0.3s ease-in-out; } .button-progress { padding: 10px 15px; border: none; cursor: pointer; border-radius: 0; width: 100%; background-color: var(--secondary); color: var(--light); line-height: 1; text-align: center; } .button-progress:hover { opacity: 0.8; } .button-progress.prev { background-color: var(--secondary-l-1); } .nav-container { width: 100%; display: flex; justify-content: space-between; } </style>