.cta-wrapper {
      text-align: center;
      position: relative;
    }

    .math-button {
      position: relative;
      display: inline-block;
      padding: 10px 42px;
      border-radius: 18px;
      color: #000;
      font-size: 22px;
      font-weight: bold;
      cursor: pointer;
      overflow: hidden;
      transition: all 0.35s ease;
      background: #f5f5f5;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
      border: 2px solid #ef7f2c;
	  text-decoration:none;
	  white-space: normal;
	  max-height: 50px;
    }

    .math-button:hover {
      box-shadow: 0 18px 40px rgba(0,0,0,0.12);
      background: #a9c937;
      border: 2px solid #a9c937;
    }
    .task,
    .solution {
      transition: all 0.35s ease;
      display: block;
    }

    .solution {
      position: absolute;
      inset: 0;
      display: flex;
	  flex-direction: column;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transform: translateY(10px);
      font-size: 24px;
    }

    .math-button:hover .task {
      opacity: 0;
      transform: translateY(-10px);
    }

    .math-button:hover .solution {
      opacity: 1;
      transform: translateY(0);
    }

    .floating-number {
      position: absolute;
      font-weight: bold;
      font-size: 20px;
      color: #ef7f2c;
      pointer-events: none;
      animation: floatUp 1.4s linear;
    }

.ctatext {
    font-family: Impact;
    font-weight: 200;
	font-size: 18px;
	font-style:normal;
	white-space: normal;
	color: #000;
}

.ctatextmini {
	font-size: 11px;
}

@keyframes floatUp {
  0% {
    opacity: 1;
    transform: translateY(20px) scale(0.8);
  }

  100% {
    opacity: 1;
    transform: translateY(-160px) scale(1.2);
  }
}