/* BADGE
   ========================================================================== */
.availability-badge{
  display:inline-flex; 
  align-items:center; 
  gap:8px;
  padding:6px 12px; 
  border-radius:999px;
  background:var(--light-grey); color:var(--pure-black);
  margin-bottom: 24px;
}
.availability-badge svg {overflow: visible;}

.status{ display:block; }
.ring{
  transform-origin: 7px 7px;
  animation: ring-blink 1.2s ease-out infinite;
}

@keyframes ring-blink{
  0%   { transform: scale(1);   stroke-opacity:.8; }
  70%  { transform: scale(1.7); stroke-opacity:0;  }
  100% { transform: scale(1.7); stroke-opacity:0;  }
}