.overlay {
    position: absolute;
    top: 0;
    right: 15px;
}

.btn-watchlist.active {
    background-color: #2196F3 !important;
    color: white !important;
}

.btn-seen.active {
    background-color: #4CAF50 !important;
    color: white !important;
}

.btn-favourite.active {
    background-color: #ff009e !important;
    color: white !important;
}

.btn-watchlist.is_animating {
    animation: sonarEffWatchlist 1.3s ease-out 75ms;
}

.btn-seen.is_animating {
    animation: sonarEffSeen 1.3s ease-out 75ms;
}

.btn-favourite.is_animating {
    animation: sonarEffFavourite 1.3s ease-out 75ms;
}

@keyframes sonarEffWatchlist {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #2196F3, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
}

@keyframes sonarEffSeen {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #4CAF50, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
}

@keyframes sonarEffFavourite {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff009e, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
}