/**
 * Button Style 1 – Base Styles
 *
 * Replicates the acme-one.com CTA button (cta-btn1 / header-btn1).
 * All customisable values come from Elementor selectors;
 * this file only sets the structural / layout defaults.
 */

/* ── Wrapper ── */
.eabs-btn-s1-wrapper {
    line-height: 1;
}

/* ── Button ── */
.eabs-btn-s1 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    /* Defaults (overridden by Elementor controls) */
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    border-radius: 230px;
    padding: 8px 8px 8px 24px;
    background-color: #090B0E;
    color: #ffffff;
    transform: translateY(0);
    transition: all 0.3s ease;
    gap: 8px;
}

/* ── Icon Circle ── */
.eabs-btn-s1__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 30px;
    background-color: #ffffff;
    transition: all 0.3s ease;
}

.eabs-btn-s1__icon svg {
    display: block;
    width: 14px;
    height: 13px;
}

.eabs-btn-s1__icon svg path {
    stroke: #090B0E;
    transition: all 0.3s ease;
}

.eabs-btn-s1__icon i {
    color: #ffffff;
    transition: all 0.3s ease;
}

/* ── Text ── */
.eabs-btn-s1__text {
    position: relative;
    z-index: 3;
}

/* ── Hover: Button ── */
.eabs-btn-s1:hover {
    color: #ffffff;
    background-color: #2e00ff;
    transform: translateY(-5px);
}

/* ── Hover: Icon Circle ── */
.eabs-btn-s1:hover .eabs-btn-s1__icon {
    background-color: #ffffff;
    transform: rotate(45deg);
}

.eabs-btn-s1:hover .eabs-btn-s1__icon svg path {
    stroke: #2e00ff;
}

.eabs-btn-s1:hover .eabs-btn-s1__icon i {
    color: #2e00ff;
}