.ac-btn-ce22d6fa {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: transparent;
    transition: color 0.3s ease;
    overflow: visible;
}

.ac-text-ce22d6fa {
    position: relative;
    z-index: 2;
}

.ac-lines-ce22d6fa {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ac-lines-ce22d6fa div {
    position: absolute;
    background-color: var(--ac-border-color, #e4ff00);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Horizontal lines */
.ac-line-top-ce22d6fa, .ac-line-bottom-ce22d6fa {
    height: var(--ac-border-width, 2px);
    width: var(--ac-corner-length, 10px);
}

.ac-line-top-ce22d6fa { top: 0; }
.ac-line-bottom-ce22d6fa { bottom: 0; }

.ac-line-top-ce22d6fa.ac-left-ce22d6fa, .ac-line-bottom-ce22d6fa.ac-left-ce22d6fa { left: 0; }
.ac-line-top-ce22d6fa.ac-right-ce22d6fa, .ac-line-bottom-ce22d6fa.ac-right-ce22d6fa { right: 0; }

/* Vertical lines */
.ac-line-vert-left-ce22d6fa, .ac-line-vert-right-ce22d6fa {
    width: var(--ac-border-width, 2px);
    height: var(--ac-corner-length, 10px);
}

.ac-line-vert-left-ce22d6fa { left: 0; }
.ac-line-vert-right-ce22d6fa { right: 0; }

.ac-line-vert-left-ce22d6fa.ac-top-ce22d6fa, .ac-line-vert-right-ce22d6fa.ac-top-ce22d6fa { top: 0; }
.ac-line-vert-left-ce22d6fa.ac-bottom-ce22d6fa, .ac-line-vert-right-ce22d6fa.ac-bottom-ce22d6fa { bottom: 0; }

/* Hover effects */
.ac-btn-ce22d6fa:hover .ac-line-top-ce22d6fa,
.ac-btn-ce22d6fa:hover .ac-line-bottom-ce22d6fa {
    width: 51%; /* slightly over 50 to prevent 1px gap */
}

.ac-btn-ce22d6fa:hover .ac-line-vert-left-ce22d6fa,
.ac-btn-ce22d6fa:hover .ac-line-vert-right-ce22d6fa {
    height: 51%;
}