body {
    color: white;
    background: rgb(24, 24, 24);
}

.container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.block {
    min-height: 300px;
    min-width: 300px;
    background: rgb(57, 55, 55);
    font-size: 40px;
    color: rgb(64, 241, 64);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: right 2s opacity 0.5s 1s;
}

.block span {
    opacity: 0;
    transition: opacity 2s linear 0.5s;
}

.block__scale {
    position: absolute;
    min-height: 30px;
    min-width: 1px;
    background: white;
    top: -100px;
    left: -200px;
    right: 500px;
    transition: right 2s linear, opacity 2.5s linear;
    opacity: 0;
}

.block:hover .block__scale {
    right: -300px;
    opacity: 1;
    transition: right 2s linear, opacity 0.5s linear;
}

.block:hover span {
    opacity: 1;
    transition: opacity 2s linear 2.2s;
}