.custom-btn-wrapper-3fe739bb {
    display: inline-flex;
}

.custom-btn-3fe739bb {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    --transition-duration: 0.38s;
    --transition-easing: cubic-bezier(0.76, 0, 0.24, 1);
    --hover-fill: #111111;
    transition: all var(--transition-duration) var(--transition-easing);
}

.custom-btn-3fe739bb::before {
    content: '';
    position: absolute;
    background-color: var(--hover-fill);
    transition: transform var(--transition-duration) var(--transition-easing);
    z-index: 0;
}

/* Fill Direction: Bottom to Top */
.custom-btn-3fe739bb[data-fill="bottom-top"]::before {
    left: 0; right: 0; bottom: 0; height: 100%;
    transform: translateY(101%);
}
.custom-btn-3fe739bb[data-fill="bottom-top"]:hover::before {
    transform: translateY(0);
}

/* Fill Direction: Top to Bottom */
.custom-btn-3fe739bb[data-fill="top-bottom"]::before {
    left: 0; right: 0; top: 0; height: 100%;
    transform: translateY(-101%);
}
.custom-btn-3fe739bb[data-fill="top-bottom"]:hover::before {
    transform: translateY(0);
}

/* Fill Direction: Left to Right */
.custom-btn-3fe739bb[data-fill="left-right"]::before {
    top: 0; bottom: 0; left: 0; width: 100%;
    transform: translateX(-101%);
}
.custom-btn-3fe739bb[data-fill="left-right"]:hover::before {
    transform: translateX(0);
}

/* Fill Direction: Right to Left */
.custom-btn-3fe739bb[data-fill="right-left"]::before {
    top: 0; bottom: 0; right: 0; width: 100%;
    transform: translateX(101%);
}
.custom-btn-3fe739bb[data-fill="right-left"]:hover::before {
    transform: translateX(0);
}

/* Text and Arrow Box relative positioning */
.custom-btn-3fe739bb .btn-text,
.custom-btn-3fe739bb .btn-arrow-box {
    position: relative;
    z-index: 1;
    transition: color var(--transition-duration) var(--transition-easing);
}

.custom-btn-3fe739bb .btn-arrow-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.custom-btn-3fe739bb .btn-arrow-box svg {
    transition: transform var(--transition-duration) var(--transition-easing), stroke var(--transition-duration) var(--transition-easing);
}

.custom-btn-3fe739bb .arr-1 {
    transform: translateX(0);
}
.custom-btn-3fe739bb .arr-2 {
    position: absolute;
    transform: translateX(-180%);
}

.custom-btn-3fe739bb:hover .arr-1 {
    transform: translateX(180%);
}
.custom-btn-3fe739bb:hover .arr-2 {
    transform: translateX(0);
}