#connect-orcid-button {
	margin-top: 2em;
	margin-bottom: 2em;
}

#orcid-id-logo {
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	margin-right: 0.5em;
	vertical-align: middle;
}

.orcid_icon {
	display: inline-block;
	margin-right: 0.25em;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

  summary {
    display: block; /* Робимо на всю ширину */
    padding: 15px 20px;
    background-color: #f0f0f0;
    border: 2px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    outline: none;
    transition: background 0.3s;
  }

  /* Ефект при наведенні */
  summary:hover {
    background-color: #e0e0e0;
  }

  /* Додаємо текст [expand] праворуч через pseudo-element */
  summary::after {
    content: " [expand]";
    float: right;
    font-weight: normal;
    color: #666;
    font-size: 0.9em;
  }

  /* Коли спойлер відкритий, можна змінити напис на [close] */
  details[open] summary::after {
    content: " [close]";
  }

  /* Стиль для контенту всередині */
  .content {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
    background: white;
  }