.block-button .button-icon{
    display: flex;
    position: relative;
    overflow: hidden;
}

.block-button .button-icon .icon-1{
    position: relative;
    transform: translateX(0%);
    transition: all var(--animation-time) ease-in;
}

.block-button .button-icon .icon-2{
    position: absolute;
    transform: translateX(-200%);
    transition: all var(--animation-time) ease-in;
}

.block-button:hover .button-icon .icon-1{
    transform: translateX(200%);
}
.block-button:hover .button-icon .icon-2{
    transform: translateX(0%);
}

.block-button .block-button-text{
    display: flex;
    position: relative;
    overflow: hidden;
}

.block-button .block-button-text .block-button-text-1{
    position: relative;
    transform: translateY(0%);
    transition: all var(--animation-time) ease-in;
}

.block-button .block-button-text .block-button-text-2{
    position: absolute;
    transform: translateY(-200%);
    transition: all var(--animation-time) ease-in;
}

.block-button:hover .block-button-text .block-button-text-1{
    transform: translateY(200%);
}
.block-button:hover .block-button-text .block-button-text-2{
    transform: translateY(0%);
}