/**
 * POC logout button styles.
 *
 * The button is rendered by the PocLogoutButtonBlock and is only shown to
 * authenticated users. The `user-logged-in` negation is kept as a defensive
 * fallback for any cached or Site Studio instance that uses the class directly.
 */
body:not(.user-logged-in) .js-poc-logout-button {
  display: none;
}

.poc-logout-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  background: #2563eb;
  border: 0;
  border-radius: 9999px;
}

.poc-logout-button:hover,
.poc-logout-button:focus {
  color: #ffffff;
  background: #1e40af;
}

.poc-logout-button__label {
  white-space: nowrap;
}