.bbquickcontact-outer {
  width: 100%;
}
.bbquickcontact-row {
  display: grid;
}
.bbquickcontact-count-1 { grid-template-columns: repeat(1, 1fr); }
.bbquickcontact-count-2 { grid-template-columns: repeat(2, 1fr); }
.bbquickcontact-count-3 { grid-template-columns: repeat(3, 1fr); }
.bbquickcontact-count-4 { grid-template-columns: repeat(4, 1fr); }
.bbquickcontact-count-6 { grid-template-columns: repeat(6, 1fr); }

.bbquickcontact-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 8px;
  text-decoration: none !important;
  font-size: 0.82rem;
  font-weight: 600;
  border-right: 1px solid rgba(255,255,255,.1);
  transition: background .2s ease;
  opacity: .95;
}
.bbquickcontact-zone:last-child { border-right: none; }
.bbquickcontact-zone:hover { opacity: 1; background: rgba(255,255,255,.08); }
.bbquickcontact-icon { display: flex; }
.bbquickcontact-icon svg { width: 18px; height: 18px; fill: currentColor; }

@media (max-width: 767px) {
  .bbquickcontact-label { display: none; }
  .bbquickcontact-zone { padding: 10px 4px; }
  .bbquickcontact-row.col-10 { width: 100%; max-width: 100%; flex: 0 0 100%; }
}
@media (max-width: 480px) {
  .bbquickcontact-count-4, .bbquickcontact-count-6 { grid-template-columns: repeat(4, 1fr); }
  .bbquickcontact-count-6 .bbquickcontact-zone:nth-child(n+5) { display: none; }
}