.wrapperengine {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next row */
    gap: 2px;
}
.engine-box {
    background-color: var(--backcolor);
    width: 75px;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 3px;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.engine-name {
    margin: 0;
    color: black; /* You can choose any color */
}

.engineaction-button {
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: lightgrey; /* Button background color */
    color: black; /* Button text color */
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer; /* Pointer cursor for clickability */
    font-size: 10px; /* Adjust button text size as needed */
    width:21px;
    height:25px;
}

    .engineaction-button:hover {
        background-color: #0056b3; /* Hover effect color */
        color: lightgrey;
    }