.course-share-btn {
  text-wrap-mode: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 6px 14px;
  background: transparent;
  border: 1px solid #00abe5;
  border-radius: 6px;

  color: #505153;
  font-size: 14px;
  font-weight: 500;

  cursor: pointer;
  transition: 0.2s ease;

  margin-top: 0.3rem;
  align-self: start;
}

.course-share-btn:hover {
  background: rgba(0, 171, 229, 0.06);
}

.icon-share {
  width: 16px;
  height: 16px;
  display: inline-block;
  /* Ícone temporário (azul claro “+”) */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSA5LjVDNC4zMjg0MyA5LjUgNSA4LjgyODQzIDUgOEM1IDcuMTcxNTcgNC4zMjg0MyA2LjUgMy41IDYuNUMyLjY3MTU3IDYuNSAyIDcuMTcxNTcgMiA4QzIgOC44Mjg0MyAyLjY3MTU3IDkuNSAzLjUgOS41WiIgc3Ryb2tlPSIjMDBBQkU1IiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS41IDVDMTIuMzI4NCA1IDEzIDQuMzI4NDMgMTMgMy41QzEzIDIuNjcxNTcgMTIuMzI4NCAyIDExLjUgMkMxMC42NzE2IDIgMTAgMi42NzE1NyAxMCAzLjVDMTAgNC4zMjg0MyAxMC42NzE2IDUgMTEuNSA1WiIgc3Ryb2tlPSIjMDBBQkU1IiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS41IDE0QzEyLjMyODQgMTQgMTMgMTMuMzI4NCAxMyAxMi41QzEzIDExLjY3MTYgMTIuMzI4NCAxMSAxMS41IDExQzEwLjY3MTYgMTEgMTAgMTEuNjcxNiAxMCAxMi41QzEwIDEzLjMyODQgMTAuNjcxNiAxNCAxMS41IDE0WiIgc3Ryb2tlPSIjMDBBQkU1IiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik00LjgwNjY0IDguNzM1MzVMMTAuMTkyMyAxMS43NjQ3TTEwLjE5MjMgNC4yMzUzNUw0LjgwNjY0IDcuMjY0NzMiIHN0cm9rZT0iIzAwQUJFNSIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-size: contain;
  background-repeat: no-repeat;
}