.text_yellow_500 {
    color: #f59e0b;
    /* Set text color to yellow */
}

.border_b_animate {
    position: relative;
    /* Required for absolute positioning of pseudo-element */
}

.border_b_animate::after {
    content: "";
    /* Create pseudo-element */
    position: absolute;
    /* Position at the bottom of the parent */
    left: 0;
    /* Start from the left */
    bottom: 0;
    /* Align with the bottom of the parent */
    width: 0;
    /* Initially width is 0 */
    height: 2px;
    /* Set the height of the border */
    background-color: #ffb703;
    /* Set the color of the border */
    transition: width 0.3s ease-in-out;
    /* Apply smooth transition effect */
}

.border_b_animate:hover::after {
    width: 100%;
    /* Expand width to 100% on hover */
}