body { font-family: 'Roboto', Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } .container { display: flex; flex-wrap: wrap; /* Allows buttons to wrap to the next line */ gap: 10px; /* Space between buttons */ justify-content: flex-start; /* Align buttons to the left */ padding: 20px; } .custom-button { background-color: #BFA20E; /* Mustard Yellow */ color: #0f0c9c; /* Dark Blue */ border: none; padding: 10px 20px; font-size: 14px; font-weight: bold; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; flex: 0 0 auto; /* Prevent buttons from stretching */ } .custom-button:hover { background-color: #9e8e0c; /* Darker Mustard Yellow */ }