.uploadbtn
{
    padding-top:9px;
    margin-right:10px;
}.ax-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    height: 40px;
    font-size: var(--ax-fs-16);
    line-height: var(--ax-lh-22);
    font-weight: var(--ax-fw-500);
    border-radius: var(--ax-radius-5);
    border: 1px solid transparent;
    background: var(--ax-primary);
    color: var(--ax-white);
    cursor: pointer;
    text-decoration: none;
    transition: background .18s ease, box-shadow .18s ease, transform .08s ease;
}

.ax-btn-primary:hover:not(:disabled) {
    background: var(--ax-button-primary-hover);
    box-shadow: var(--ax-shadow-3);
}

.ax-btn-primary:active:not(:disabled) {
    background: var(--ax-button-primary-toggle);
    box-shadow: var(--ax-shadow-2);
    transform: translateY(0);
}

.ax-btn-primary:focus-visible:not(:disabled) {
    outline: 2px solid var(--ax-yellow-50);
    outline-offset: 2px;
}

.ax-btn-primary:disabled {
    /* background: var(--ax-primary-200); */
    color: var(--ax-white);
    cursor: not-allowed;
    box-shadow: none;
    opacity: 0.7;
}

.ax-btn-outline-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    font-size: var(--ax-fs-16);
    line-height: var(--ax-lh-22);
    font-weight: var(--ax-fw-500);
    border-radius: var(--ax-radius-10);
    border: 1px solid var(--ax-primary);
    background: var(--ax-white);
    color: var(--ax-secondary);
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.ax-btn-outline-primary:hover:not(:disabled) {
    background: var(--ax-primary-50);
    box-shadow: var(--ax-shadow-3);
}

.ax-btn-outline-primary:active:not(:disabled) {
    background: var(--ax-primary-100);
    border-color: var(--ax-yellow-50);
    box-shadow: var(--ax-shadow-2);
}

.ax-btn-outline-primary:focus-visible:not(:disabled) {
    outline: 2px solid var(--ax-yellow-50);
    outline-offset: 2px;
}

.ax-btn-outline-primary:disabled {
    border-color: var(--ax-primary-200);
    color: var(--ax-primary-200);
    background: var(--ax-white);
    cursor: not-allowed;
    opacity: 0.6;
}

.ax-btn-outline-blue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    height: 40px;
    font-size: var(--ax-fs-16);
    font-weight: var(--ax-fw-500);
    border-radius: var(--ax-radius-5);
    background: var(--ax-white);
    color: var(--ax-blue-800);
    border: 1px solid var(--ax-blue-800);
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .08s ease;
}

.ax-btn-outline-blue:hover:not(:disabled) {
    background: var(--ax-button-secondary-hover);
    box-shadow: var(--ax-shadow-3);
}

.ax-btn-outline-blue:active:not(:disabled) {
    background: var(--ax-button-secondary-toggle);
    transform: translateY(0);
}

.ax-btn-outline-blue:focus-visible:not(:disabled) {
    outline: 2px solid var(--ax-blue-900);
    outline-offset: 2px;
}

.ax-btn-outline-blue:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: var(--ax-white);
}

.ax-btn-outline-blue--primary {
    border-color: var(--ax-primary);
    color: var(--ax-yellow-50);
}

.ax-btn-outline-blue--primary:hover:not(:disabled) {
    background: var(--ax-primary-50);
    border-color: var(--ax-secondary);
    box-shadow: var(--ax-shadow-3);
}

.ax-btn-outline-blue--primary:active:not(:disabled) {
    background: var(--ax-primary-100);
    border-color: var(--ax-yellow-50);
}

.ax-icon-btn {
    background: transparent;
    border: none;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: var(--ax-radius-6);
    transition: background var(--ax-transition), transform .06s ease;
}

/* HOVER */
.ax-icon-btn:hover:not(:disabled) {
    background: rgba(3, 19, 48, 0.04);
    transform: translateY(-1px);
}

/* ACTIVE (click/pressed) */
.ax-icon-btn:active:not(:disabled) {
    background: rgba(3, 19, 48, 0.08);
    /* slightly darker */
    transform: translateY(0);
}

/* FOCUS (keyboard navigation) */
.ax-icon-btn:focus-visible {
    outline: 2px solid rgba(10, 62, 114, 0.4);
    /* sky blue ring */
    outline-offset: 2px;
}

/* DISABLED */
.ax-icon-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
}


button[disabled],
.ax-btn-primary[disabled],
.ax-btn-outline-primary[disabled],
.ax-btn-outline-blue[disabled] {
    pointer-events: none;
}

.ax-btn-primary:focus-visible,
.ax-btn-outline-primary:focus-visible,
.ax-btn-outline-blue:focus-visible {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.06);
}

.loc-download-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--ax-space-8);
    background: transparent;
    border: none;
    padding: 0;
    font-size: var(--ax-fs-14);
    line-height: var(--ax-lh-21);
    color: var(--ax-blue-800);
    font-weight: var(--ax-fw-500);
    cursor: pointer;
}

.overlay-expand {
    position: absolute;
    right: var(--ax-space-12);
    top: var(--ax-space-12);
    width: 40px;
    height: 40px;
    padding: 6px;
    border-radius: var(--ax-radius-10);
    background: var(--ax-white);
    border: 1px solid var(--ax-neutral-200);
    box-shadow: var(--ax-shadow-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.overlay-expand img {
    width: 18px;
    height: 18px;
    display: block;
}

.zoom-btn:hover {
    background: rgba(14, 72, 130, 0.03);
}

.zoom-btn:active {
    transform: scale(.98);
}

.uploadbtn
{
    padding-top:9px;
    margin-right:10px;
}