.field__input-group {
    position: relative;
    display: flex;
    align-items: stretch;
}

.field__input-group .input {
    flex: 1;
    padding-right: 3rem;
}

.field__generate-btn {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-left: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
    border-radius: 0 var(--radius-md, 0.75rem) var(--radius-md, 0.75rem) 0;
    background: transparent;
    color: var(--color-primary, #22c55e);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.field__generate-btn:hover {
    background: color-mix(in srgb, var(--color-primary, #22c55e) 12%, transparent);
}

.field__generate-btn:focus-visible {
    outline: 2px solid var(--color-primary, #22c55e);
    outline-offset: -2px;
}

.field__generate-btn[disabled] {
    opacity: 0.55;
    cursor: wait;
}

.field__generate-btn svg {
    width: 1.1rem;
    height: 1.1rem;
}