.db-status{display:flex;gap:12px;align-items:center;margin:22px 0;padding:15px 17px;border-radius:12px;border:1px solid}
.db-status>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.db-status strong,.db-status small{display:block}
.db-status small{margin-top:2px}
.db-status.connected{background:#ecf8f2;border-color:#bfe8d3}
.db-status.connected>span{background:#2c9c6a;color:#fff}
.db-status.connected small{color:#42715b}
.db-status.pending{background:#fff7e9;border-color:#f2d8a9}
.db-status.pending>span{background:#e6962e;color:#fff}
.db-status.pending small{color:#80643c}