.ttp:hover .ttc{
    display: inline;
    visibility: visible;
    transform: scale(1);
    color: #ffffff;
    background-color: #0000006d;
}

.ttp{
    display: inline;
}

.ttc{
    position: absolute;
    visibility: hidden;
    z-index: 1;
    text-align: center;
    color: #ffffff00;
    background-color: #00000000;
    padding-left: 2.5px;
    padding-right: 2.5px;
    top: -150%;
    left: -150%;
    width: max-content;
    transition: 1s ease;
    transform: scale(0);
}