/* Elementor Animated Button Styles */

.angie-btn-372551f6 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 24px;
    background-color: #000000;
    color: #ffffff;
    border-radius: 50px;
    text-decoration: none;
    font-family: inherit;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    /* Removed base transition for the button container to prevent any inherited movement */
    cursor: pointer;
}

.angie-btn-372551f6.icon-pos-before {
    flex-direction: row-reverse;
}

.angie-btn-text-372551f6 {
    position: relative;
    z-index: 2;
    transition: color 0.3s ease; /* Only text color transitions */
}

.angie-btn-icon-wrapper-372551f6 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px; /* Default fallback, overridden by settings */
    background-color: rgba(255,255,255,0.2);
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    transition: background-color 0.3s ease; /* Only wrapper background color transitions */
}

.angie-btn-icon-372551f6 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 16px; /* Default fallback */
}

.angie-btn-icon-372551f6 svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base positions for vertical slide */
.angie-btn-372551f6 .icon-1 {
    transform: translateY(0);
}
.angie-btn-372551f6 .icon-2 {
    transform: translateY(150%);
}

/* Hover Animations - STRICTLY ONLY ICON MOVEMENT */

.angie-btn-372551f6:hover .icon-1 {
    transform: translateY(-150%);
}
.angie-btn-372551f6:hover .icon-2 {
    transform: translateY(0);
}
