.container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .item {
            /* width: calc(50% - 10px); */
            box-sizing: border-box;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 5px;
            display: flex;
            align-items: center;
            cursor: pointer;

            background-color: #fff;
            padding-left: 15px;
            padding-right: 15px;
        }

        .item img {
            width: 30px;
            height: 30px;
            margin-right: 5px;
        }

        .container .item:hover{
            border-color: #e77f1e;
        }
        .container .item.active{
            border-color: #e77f1e;
            color: #e77f1e;
        }