.footer {
    display: flex;
    flex-direction: row; /* Makes the elements align in one row */
    align-items: center; /* Vertically centers the text and button */
    justify-content: space-between; /* Adds space between text and button */
    padding: 30px; /* Adds padding around the footer content */
}

.footer__text {
    margin-right: 20px; /* Adds space between the text and the button */
    text-align: left; /* Keeps the text left-aligned */
}

.footer-button {
    background-color: #8CD618;
    color: white; /* Button text color */
    padding: 12px 24px;
    text-decoration: none;
    border: 2px solid #8CD618;
    border-radius: 24px;
    transition: background-color 0.3s, color 0.3s;
}

.footer-button:hover {
    background-color: white; /* Inverted background color on hover */
    color: #8CD618; /* Inverted text color on hover */
    border-color: #8CD618; /* Keeps the border color same on hover */
    text-decoration: none;
}

@media (max-width: 768px) {
  .footer__button {
    display: none;
  }
}