.active{
    display: none;
}

.container{
    display:flex;
    justify-content: center;
    align-items:center;
    flex-direction: column;
}
.words{
    font-size: 30px;
    display: flex;
    justify-content: center;
    transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.words:hover{
    transform: rotate(360deg)
               scale(2);
}
.variant2{
    width: 40px;
    height: 40px;
    margin: 5px;
    color: #ffd32a;
    background: #1e272e;
    border-radius: 50% ;
    box-shadow: 0px 0px 10px 5px yellow;
    cursor: pointer;
    transition: transform, background-color, box-shadow;
    transition-duration:  0.2s;
    border: none;
}
.variant2:hover{
    transform: scale(0.75);
    background-color: rgb(15, 30, 43);
    box-shadow: none;
}
.test{
    width: 730px;
    height: 200px;
    border: 1px solid black;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}