// Hiển thị gạch dưới animation khi hover
.animated-underline {
    position: relative;

    &::before {
        content: "";
        background-color: currentColor;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        transition: all 0.3s ease-out 0s;
        transform: scaleX(0);
        visibility: none;
    }

    &:hover::before {
        transform: scaleX(1);
        visibility: visible;
    }
}