#classes-top-break {
   padding-top: 90px;
}

@media (max-width: 1360px) {
   #classes-top-break {
      padding-top: 45px;
   }
}

#learn-more-button {
   background-color: #ad1616;
   color: white;
   padding: 12px 24px;
   font-size: 16px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.3s ease, transform 0.3s ease;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   text-decoration: none;
}

#learn-more-button:hover {
   background-color: #d61616; /* Darker shade on hover */
   transform: translateY(-2px); /* Slight lift on hover */
}

#learn-more-button:focus {
   outline: none;
   box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); /* Focus ring */
}

#learn-more-button:active {
   background-color: #ff1515; /* Even darker shade on click */
   transform: translateY(0); /* Remove lift on click */
}