a {
    position: relative;
    color: inherit;
    text-decoration: none;
}

    /* Bottom Border Animation */
    a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0%;
        height: 1px;
        background: #009640;
        transition: width 0.5s ease;
    }

    a:hover::after {
        width: 100%;
    }

    a:hover {
        color: #009640 !important;
    }

.navbar-nav .nav-link:hover {
    color: #00a651;
}

.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 14px;
    width: 0%;
    height: 1px;
    background: #009640;
    transition: width 0.5s ease;
}

.navbar-nav .nav-link:hover::after {
    width: 100%;
}


.banner-btn:hover {
    color: #fff !important;
}

.animate-btn,
.white-animate-btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    /* Pseudo Element Base Styles */
    .animate-btn::after,
    .white-animate-btn::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 25px;
        transform: translateX(-100%);
        z-index: -1;
    }

    /* Background Colors */
    .animate-btn::after {
        background: #00a651;
    }

    .white-animate-btn::after {
        background: white;
    }

    /* Hover IN Animation */
    .animate-btn:hover::after,
    .white-animate-btn:hover::after {
        animation: slideInFromLeft 0.6s ease forwards;
    }

    /* Hover OUT Animation */
    .animate-btn:not(:hover)::after,
    .white-animate-btn:not(:hover)::after {
        animation: slideOutToRight 0.6s ease forwards;
    }

/* Keyframe Animations */
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slideOutToRight {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}