<style>
    .pool-info {
        display: flex; /* Use flexbox for alignment */
        align-items: center; /* Vertically center items */
    }

    .pool-name {
        width: 200px; /* Set a fixed width for pool name (adjust to fit your content) */
        margin-right: 10px; /* Space between pool name and separator */
        text-overflow: ellipsis; /* Add ellipsis if text is too long */
        white-space: nowrap; /* Prevent wrapping */
        overflow: hidden; /* Hide overflow text */
    }

    .separator {
        margin: 0 10px; /* Space around the separator */
        width: 30px; /* Fixed width for separator */
        text-align: center; /* Center the separator */
    }

    .difficulty-info {
        margin-left: 10px; /* Space before difficulty information */
    }
</style>
