/* show on hover */
.flamingo:hover .video-button{
    opacity: 1;
}

.flamingo-pause{
    display: none;
}


/* rotating text */
.badge::before {
    content: "2026 WEB DESIGN PORTFOLIO • ";

    position: absolute;

    width: 100%;
    height: 100%;

    color: white;
    font-size: 9px;
    letter-spacing: 2px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    animation: rotateText 8s linear infinite;
}

/* animation */
@keyframes rotateText {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}