/* Custom styles for the course page */
body {
  font-family: "Nunito", sans-serif;
  background-image: url("../../jerseypattern2.png");
}

.text-gradient {
  background: linear-gradient(to right, #a5b4fc, #818cf8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-hover:hover {
  transform: translateY(-1px);
}
.highlight-dot {
  background: linear-gradient(to right, #a5b4fc, #818cf8);
}

/* Button-specific border radius */
.learn-more-btn {
  border-radius: 4px;
}

.special-offer-btn {
  border-radius: 4px;
}

.language-tag {
  border-radius: 4px;
}

.share-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  background-color: #f9fafb;
  transition: background-color 0.2s ease-in-out;
}
.share-icon:hover {
  background-color: #f3f4f6;
}
.share-icon svg {
  width: 24px;
  height: 24px;
}
.share-icon span {
  font-size: 12px;
  font-weight: 500;
  color: #4b5563;
}

.share-list-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 8px;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
}
.share-list-item:hover {
  background-color: #f3f4f6;
}
.share-list-item svg {
  margin-right: 16px;
}
.share-list-item span {
  font-size: 16px;
  font-weight: 500;
  color: #1f2937;
}

@media (min-width: 960px) {
  div.justify-between > .refresher-buttons {
    flex-direction: row;
    gap: 1rem;
    width: auto;
  }
  div.justify-between > .refresher-buttons > a {
    margin-bottom: 0;
    width: auto;
  }
}

@media (min-width: 1280px) {
  .refresher-subtitle {
    padding-left: 0rem;
  }
}

@media (max-width: 480px) {
}

@media (max-width: 445px) {
}

@media (max-width: 400px) {
}

@media (max-width: 376px) {
}