/* Target the Zoom button */
a[href*="zoom"] {
  position: relative;
  color: transparent !important; /* Hide original text */
}

/* Add custom label */
a[href*="zoom"]::after {
  content: "Join Class";
  color: #ffffff; /* Adjust text color */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

/* Optional: style the button */
a[href*="zoom"] {
  background-color: #007bff !important; /* Your brand color */
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 600;
}
a[href*="zoom"] i,
a[href*="zoom"] svg {
  display: none !important;
}