.kp-public{

	display:flex;
	flex-wrap:wrap;
	gap:12px;

	margin-top:16px;

}

.kp-public-item{

	display:inline-flex;
	align-items:center;
	gap:10px;

	padding:12px 18px;

	background:#FFF8E8;

	border:1px solid #F2DFB0;

	border-radius:999px;

	box-shadow:0 3px 8px rgba(0,0,0,.04);

}

.kp-public-icon{

	font-size:15px;

}

.kp-public-label{

	font-size:15px;
	font-weight:500;

	color:#222;

}

.kp-public-item.is-inactive{

    opacity:.55;

    border-color:#E3E3E3;

    background:#FAFAFA;

}

.kp-public-item.is-inactive .kp-public-icon{

    color:#B8B8B8;

}

@media (max-width:767px){

    .kp-public{

        gap:10px;

    }

    .kp-public-item{

        padding:10px 14px;

        border-radius:18px;

    }

    .kp-public-icon{

        font-size:16px;

        margin-right:6px;

    }

    .kp-public-label{

        font-size:14px;

        white-space:nowrap;

    }

}