.promo-post {
    border: 2px solid transparent; /* Set initial border to be invisible */
    transition: transform 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
    background-color:inherit !important; 
}

.promo-post:hover {
    transform: scale(1.05); 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
    border: 2px solid #00fa42; /* Add green stroke on hover */
}
