/* Styl dla strzałki w dół */
.arrow-down {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    vertical-align: middle;
}

.arrow-down::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 12px;
    height: 0;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateX(-50%) rotate(-45deg);
    transform-origin: top center;
    animation: drawArrow 1.5s infinite ease-in-out;
}

@keyframes drawArrow {
    0% {
        height: 0;
    }
    50% {
        height: 12px;
    }
    100% {
        height: 0;
    }
}