.step-2__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.step-2__header img {
  max-width: 50px;
}

.step__title-2,
.step__subtitle-2 {
  font-size: 23px;
}

.grid {
  display: grid;
  row-gap: 24px;
}

.button {
  width: 200px;
}

.ghost-container {
  border: 1px solid white;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 var(--primary), inset 0 0 5px 0 var(--primary);
  width: fit-content;
}

.courses-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.container-salto {
    background-color: white;
    color: var(--secondary);
    font-family: 'CervoNeue-SemiBoldNeue';
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
    position: relative;
    display: grid;
    gap: 10px;
    margin-bottom: 25px;
}

.container-salto::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 7px;
  left: 7px;
  z-index: -1;
  border: 2px solid white;
  border-radius: 10px;
  box-shadow: 0 0 10px 3px var(--primary), inset 0 0 5px 3px var(--primary);
}

@media (min-width: 768px) {
  .step__title-2,
  .step__subtitle-2 {
    font-size: 26px;
  }
}

@media (min-width: 1024px) {
  .step__title-2,
  .step__subtitle-2 {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .step__title-2,
  .step__subtitle-2 {
    font-size: 40px;
  }
}

ul {
  padding-left: 20px;
  display: grid;
  gap: 10px;
}

.content-toggle {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* only for desing */

.content-toggle:last-of-type img {
  transform: rotate(180deg);
}

.course {
  display: flex;
  gap: 10px;
  align-items: center;
}

.course > section:last-of-type {
  display: flex;
  flex-direction: column;
  gap: 10px;
}