/* 
   Button Alignment Styles for Cards
   Ensures buttons stay at the bottom of cards with consistent alignment
*/

/* Make the application solution cards flex columns with space between content */
.application-solution-card {
    display: flex;
    flex-direction: column;
}

.application-solution-card > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Push the button container to the bottom */
.application-solution-card > div > div:last-child {
    margin-top: auto;
}

/* Ensure consistent button width and alignment */
.application-solution-card .project-btn {
    width: fit-content;
    margin-top: 20px;
    align-self: flex-start;
}

/* Industry cards button alignment */
.industry-card {
    display: flex;
    flex-direction: column;
}

.industry-card > div:last-of-type {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Push the button container to the bottom */
.industry-card > div:last-of-type > div:last-child {
    margin-top: auto;
}

/* Ensure consistent button width and alignment */
.industry-card > div:last-of-type > div:last-child > a {
    width: fit-content;
    margin-top: 20px;
}